在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 ; /*背景图片在纵向的最下方显示*/

}

转载于:https://www.cnblogs.com/james1207/p/3258015.html

在div 底部显示背景图片相关推荐

VScode 插件live preview无法显示背景图片/图片
如果你写代码时遇到VScode 插件live preview无法显示背景图片/图片(在VS code 内部预览无法显示图片),但是!在浏览器内打开就可以正常预览页面包括图片,那么最大的可能就是你的图片 ...
html背景看不见,html不显示图片-为什么在html中不显示背景图片 – 手机爱问
2007-01-25 显示图片背景将背景代码写在已有的代码(比如鼠标,背景音乐)里,不然没有效果.如果单独放置,必须在代码前面加一个任意字符.更换整体页面背景的源代码:body{background ...
如何在div中设置背景图片并且自适应div大小
参考如下代码,设置背景图片的大小为100% 100%并且设置no-repeat 这样图片就能在div改变的情况下,仍然显示完全 <!DOCTYPE html> <html>&l ...
html背景无法载入gif图像,background-image:url(XXXX.gif)为何不显示背景图片_html/css_WEB-ITnose...
.yangshi{ float:left; width:386px; height:62px; background-repeat:repeat; background-attachment:fixe ...
ssm开发经验动态设置div/section标签背景图片
情景时酱紫的: 图片是一个url,在页面加载完成之后根据后台给的url动态设置标签的背景图片,效果就像这样子,后边这一大堆企鹅和前边的企鹅用的是一样的url,但是前边的是img,后边的是div 解决 ...
android+背景图片不显示,背景图片显示问题图片显示错误 android开发
先贴出我的配置文件代码 android:layout_width="fill_parent" android:layout_height="fill_parent&quo ...
微信小程序显示背景图片
我们可能总遇到这种情况,当我们引入本地的图片作为背景图片时(background-image)图片并未显示,引入的相对路径都是对的,导致这个现象的原因就是小程序的wxss中使用background-i ...
css在div块添加背景图片为何不显示呢？
1,css没有被调用2,css图片地址不对3,div的高度没有固定,是auto或者没有设值4,div被嵌套,5,div代码不规范 login.html文件 <div class="he ...
div盒子在背景图片上边显示，不使用浮动
外部相对定位relative,内部绝对定位,不使用浮动.但是得使用 z-index <view class="div_img"><view class=" ...
CSS实现鼠标经过div时改变背景图片
很多时候我们都能够看到,当我们用鼠标滑过div时,div的背景将会变成另外一个图片.下面我就将实现该功能的代码分享出来,希望能够帮助到大家. .biankuang {height: 126px;wid ...

在div 底部显示背景图片

在div 底部显示背景图片相关推荐

最新文章

热门文章