手机
当前位置:查字典教程网 >网页设计 > 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底部显示背景图片实现代码】相关文章:

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

利用css实现图片等比例缩放

网页中用于构造图表的一些基本CSS代码

CSS3 实用技巧:实现黑白图像效果示例代码

DIV点击折叠实例代码

css强制文字不换行实现代码

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

div图片marquee无缝连接实现代码

CSS 网页背景渐变实现代码

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

精品推荐
分类导航