html背景图片大小嵌套,div嵌套div 背景图片 不显示的问题

这几天

在做一个小Demo的时候碰到了如上的问题,一个DIV嵌套多个DIV时,父容器DIV不显示背景图片。同时结合之前碰到类似的问题,我归纳了如下几个解决方法:

1.就是常见的 子div

背景把父div的背景给盖住了,例子:

20180926055727261518.png

20180926055727599387.jpg

该例子就是 我有一个父div

和它里面嵌套的一个子div,两个div的宽度和高度大小是一样的,其中父div的背景图片就是上面这张图片(箭头部分是透明的),子div的背景图片是那种渐变灰色图片,其实懂英语的人应该看出来了就是,我想实现一个那种类似于iphone滑动那种灯光从

左到右的滑动效果。所以方法就是通过JS控制子div 周期的 从左到右滑动。但我们加上去,子div会盖住父div ,解决方法就是在他们两个div样式里 设置

z-index属性的值,父 div 的值大于 子 div 的值就可以了。值越大 与靠近 屏幕,也就是我们最先看见的部分。当然z-index生效的前提是div的position属性值为absolute、relative或fixed。。。这点很重要。2.碰到的碰到的就是 IE6下 div 不显示背景图或者图片的问题这个最切记的就是 你的url路径是否有名称 是中文的 文件夹 或者 图片名称是 中文的。因为ie6是不支持的。3.忘记给div的高度或者宽度 赋值了,因为 div是个容器 必须指定它的高宽,切高宽要足够。

4.也是常见的错误,就是css中 background路劲问题:通常我将用于CSS效果的图片放置在+Css

|

|+images

|-XX.css

因为BACKGROUND的url是相对css文件的路径,不是相对html的路径;

这样写:

BACKGROUND: url(Images/DivTitle.gif);

就可以显示,也就不用考虑其它的路径的问题,也便于管理

原文:http://www.cnblogs.com/aaronfay/p/3759228.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值