手机
当前位置:查字典教程网 >网页设计 > 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 网页背景渐变实现代码

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

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

css中ul li的背景小图标属性设置的两种情况

CSS3制作ajax loader icon实现思路及代码

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

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

css3隔行变换色实现示例

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

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

精品推荐
分类导航