手机
当前位置:查字典教程网 >网页设计 > 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实现十字的布局示例代码

CSS3实现的炫酷菜单代码分享

CSS定义Radio单选项和Checkbox复选框样式有效代码

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

css3隔行变换色实现示例

CSS自动控制图片大小的代码

兼容好的css透明代码

页面背景图片的拉伸实现代码

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

DIV点击折叠实例代码

精品推荐
分类导航