手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >在div底部显示背景图片实现代码
在div底部显示背景图片实现代码
摘要:下面代码实现div层背景图片在底部显示:div{background:url(/images/bg.jpg)no-repeatfixed;b...

下面代码实现div层背景图片在底部显示:

div {

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

background-position-y:bottom;

}

代码详解:

div {

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

background-repeat:no-repeat;/*背景图片不重复显示*/

background-repeat:repeat;/*背景图片横向及纵向重复*/

background-repeat:repeat-x;/*背景图片横向重复*/

background-repeat:repeat-y;/*背景图片纵向重复*/

background-attachment:fixed;/*固定背景图片*/

background-attachment:scroll;/*滚动背景图片*/

background-position-x:left;/*背景图片在横向的最左方显示*/

background-position-x:right;/*背景图片在横向的最右方显示*/

background-position-y:top;/*背景图片在纵向的最上方显示*/

background-position-y:bottom;/*背景图片在纵向的最下方显示*/

}

【在div底部显示背景图片实现代码】相关文章:

CSS 网页背景渐变实现代码

CSS控制文字在Div最底部显示

css如何设置全屏背景图片

左中右3栏最先显示中栏内容的方法

让多个div在同一行显示的样式及html代码

CSS3制作loading加载动画效果代码

用css实现十字的布局示例代码

巧用CSS3 border实现图片遮罩效果代码

CSS里随滚动条滚动代码

提高淘宝C店转化率的实用代码

精品推荐
分类导航