css 问题 如何使子层背景覆盖父层背景

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css 问题 如何使子层背景覆盖父层背景相关的知识,希望对你有一定的参考价值。

css 问题 如何使子层背景覆盖父层背景
<div style="background:url(catalog/view/theme/yaprak/image/ic.png); height:39px; width:960px;">
<div style="background:url(catalog/view/theme/yaprak/image/sol.png); height:39px; height:39px; width:10px "></div>
<div>

在父层的父层,增加一个position:relative;即可,然后保证子层的z-index的大小超过父层即可。 参考技术A 既然是父子关系,那么不需要z-index的
只要子div设置的背景,就会覆盖掉父div的本回答被提问者采纳
参考技术B 子层的背景会自动覆盖父层的背景的,你最后一个div少了斜杠/ 参考技术C 子层CSS样式设置z-index:1;父层z-index:0; 参考技术D 不用设z-index 这样就可以,

css背景图片固定并覆盖内容~

http://www.csszengarden.com/?cssfile=136/136.css
这是csszengarden的一个作品,我想知道此链接中的墓碑
是如何实现固定并且当下拉滚动条时覆盖其余部分的
更有甚者http://www.csszengarden.com/?cssfile=202/202.css

参考技术A 这个是它的css,意思都好理解,但貌似还有一些定义,没有找到。

<htmle>
<style>
#extraDiv1 position:fixed;width:227px;bottom:0px;background:url(r3_zen666_tombstone.png) no-repeat left top;height:267px;left:540px;
* padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;padding-top:0px;
</style>

<body>
<div id="extraDiv1"><span></span></div>
</body>
</html>本回答被提问者采纳
参考技术B 墓碑是写在一个div里的,position:fixed即可。
需要注意的是ie6没这个效果

以上是关于css 问题 如何使子层背景覆盖父层背景的主要内容,如果未能解决你的问题,请参考以下文章

向 UITableViewCell 的 UIView(背景视图)添加子层会覆盖其他单元格视图吗?

子菜单弹出背景透明

我在外层div里面已经设置了背景颜色为白色,为啥里面的div撑开后,ie8显示的时候背景颜色没有了!

css背景图片固定并覆盖内容~

css背景颜色会覆盖左边框颜色吗

设置/覆盖背景颜色时的 jQuery / CSS 优先级