脚本之家 服务器常用软件
快捷导航
您的位置：主页 > 网页制作 > CSS > Div+CSS教程 >

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

  发布时间：2013-08-15 15:56:12   作者：佚名   我要评论
div层背景图片在底部显示，貌似有很多的朋友都不会吧，下面为大家简单介绍下具体的实现方法，感兴趣的朋友可以参考下

下面代码实现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 清除浮动常用方法总结

    下面小编就为大家带来一篇DIV+CSS 清除浮动常用方法总结。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-05-06

  • DIV+CSS垂直居中一个浮动元素

    对于页面上的块级元素，只须定宽及设置margin:auto 0;即可在垂直上居中，但对于浮动的元素垂直居中是无效的。那么我们如何来处理这个问题呢，今天我们来探讨下。
    2014-09-12

  • 用clearfix:after消除css浮动解决外部div不能撑开问题

    如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。使用clearfix:after，可以解决这个问题
    2014-06-16

  • 纯CSS结合DIV实现的右侧底部简洁悬浮效果

    右侧浮动效果，最早有QQ联系面板，对联广告等，大多数都是基于Javascript实现的动态效果，今天我给大家分享一个只需要CSS结合DIV实现的右侧浮动效果
    2014-09-10

  • CSS控制DIV永远固定在页面底部不随滚动而滚动

    控制DIV永远固定在页面底部的方法有很多，基本上都是通过css或js来实现的，本节也实现了一个这样的效果，大家可以学习下
    2014-06-03

  • css将div层固定显示在页面底部不随滚动条滚动

    将div层固定显示在页面底部，在某些情况下还是很实用的，在本文为大家介绍下使用css是如何实现的，需要的碰可以参考下
    2013-11-20

  • 怎样使div中的文字在div的底部显示实现样式

    如果你的div的高度是100px;那么你应该把行高设置成170左右，那么在IE6下就会出现div高度加倍的现象，解决的方法是在div的css样式里面加上overflow:hidden
    2013-06-06

  • DIV始终浮动在页面底部

    在页面底部浮动功能是如何实现的呢？下面小编给大家带来div始终浮动在页面底部的关键代码，非常不错，具有参考借鉴价值，感兴趣的朋友一起学习吧
    2016-08-30

最新评论

关注微信公众号

扫一扫