在div底部显示背景图片实现代码

来看这段原始代码：

```css

div {

background: url(/images/bg.jpg) no-repeat fixed;

background-position-y: bottom;

}

```

背景图片设置：在div层中设置背景图片。此图片位于网站的相对路径`/images/`目录下，文件名为`bg.jpg`。为了让背景图片在页面中展示，我们使用CSS的`background-image`属性来设置它。代码示例如下：

```css

div {

background-image: url(/images/bg.jpg); / 设置div层的背景图片 /

}

```

```css

/ 背景图片不重复显示 /

div {

background-repeat: no-repeat;

}

/ 若需要背景图片横向及纵向重复 /

/ div { background-repeat: repeat; } /

/ 若只需背景图片横向重复 /

/ div { background-repeat: repeat-x; } /

/ 若只需背景图片纵向重复 /

/ div { background-repeat: repeat-y; } /

```

背景图片固定与滚动：使用`background-attachment`属性来决定背景图片是固定不动还是随着页面的滚动而滚动。代码示例如下：

```css

/ 固定背景图片，不随页面滚动而移动 /

div {

background-attachment: fixed;

}

/ 若希望背景图片随页面滚动 /

/ div { background-attachment: scroll; } /

```

背景图片位置调整：通过`background-position`属性，我们可以调整背景图片在页面中的位置。原始代码中已经设置了背景图片在纵向的最下方显示。以下是完整的代码示例：

```css

div {

/ 背景图片在横向的最左方显示 /

background-position-x: left;

/ 背景图片在横向的最右方显示 /

/ background-position-x: right; /

/ 背景图片在纵向的最上方显示 /

/ background-position-y: top; /

/ (已默认设置为底部)背景图片在纵向的最下方显示 /