菜鸟求解:关于两个DIV的背景显示问题

来源：百度知道 编辑：UC知道 时间：2024/09/25 14:30:24
我的代码是两个DIV嵌套,例如:
<div id="1"><div id="2"></div></div>
然后在用css在1里面加入一个背景图片
再用css在2里面加入另一个图片

我现在想让1的背景图片在2的背景图片上显示,就是让他们重叠,而1的背景遮盖住2的部分背景,要怎么做?添加什么代码或者css?

我做的都是2在上,1在下......等待高手解答~~

<div id="logo"><a href="URL" title="标题">标题内容</a></div>
#logo, #logo a {width:300px; height:100px; overflow:hidden;}
#logo a {background:URL; padding:100px 0 0; display:block;}

在CSS中设置了#logo与A有一个溢出隐藏(overflow:hidden;)也就是说有超出300*100大小的就会被隐藏。我们看A被定义了一个padding:100px 0 0; 这个顶部的内距正好把内容压到了显示区以外。那为什么#logo也要用overflow:hidden;呢？因为在IE下会出现一个小BUG，A的内容没办法溢出隐藏所以必需要在父级标签上还要加一个overflow:hidden;