Span-span-a-span背景颜色优先级

时间:2011-10-31 15:51:24

标签: html css background-color

请参阅http://i40.tinypic.com/2nv4gol.png,例如图片。

我有一个span元素(示例图像中的蓝色背景),其中包含其他span元素(示例图像中的红色背景)。目前,内跨红色背景颜色优先于容器跨度的蓝色背景颜色。

我需要容器跨度的蓝色背景颜色优先于内跨红色背景颜色。

我可以使用容器范围的z-index做一些事情并调整其不透明度吗?任何帮助将不胜感激。

2 个答案:

答案 0 :(得分:0)

好吧,您可以尝试将容器设置为position: relative; z-index: 1;,将内部容器设置为position: relative; z-index: 0;,但我认为这样也会隐藏背景颜色背后的文本。

我认为有关您为什么尝试这样做的更多信息有助于提供比这更好的答案,但也许您可以使用一些JavaScript删除内部跨度的背景颜色?就像我说的,这完全取决于你在做什么。

答案 1 :(得分:0)

也许你可以为内部跨度定义一个新的css,使它成为透明背景并在CSS规则中添加一个!important,如果内部跨度是类' x' ...
.x {background-color:transparent !important}