Html Span-in-a-Span背景色优先级
请参见示例图像 我有一个span元素(示例图像中的蓝色背景),它包含其他span元素(示例图像中的红色背景)。当前,内部跨距的红色背景色优先于容器跨距的蓝色背景色 我需要容器跨度的蓝色背景色优先于内部跨度的红色背景色Html Span-in-a-Span背景色优先级,html,css,background-color,Html,Css,Background Color,请参见示例图像 我有一个span元素(示例图像中的蓝色背景),它包含其他span元素(示例图像中的红色背景)。当前,内部跨距的红色背景色优先于容器跨距的蓝色背景色 我需要容器跨度的蓝色背景色优先于内部跨度的红色背景色 我可以对容器span的z索引做些什么,并调整其不透明度吗?任何帮助都将不胜感激。您可以尝试将容器设置为位置:相对;z指数:1和内部的位置:相对;z指数:0,但我认为这也会将文本隐藏在背景色后面 我认为更多关于为什么要这样做的信息会有助于给出比这更好的答案,但也许你可以让一些Java
我可以对容器span的z索引做些什么,并调整其不透明度吗?任何帮助都将不胜感激。您可以尝试将容器设置为
位置:相对;z指数:1代码>和内部的位置:相对;z指数:0代码>,但我认为这也会将文本隐藏在背景色后面
我认为更多关于为什么要这样做的信息会有助于给出比这更好的答案,但也许你可以让一些JavaScript删除内部跨距的背景颜色?就像我说的,这完全取决于你在做什么。也许你可以为内部跨距定义一个新的css,使其成为透明的背景,并添加一个!对于CSS规则很重要,例如,如果内部跨距是类“x”…
.x{背景色:透明!重要}
我尝试了position:relative+z-index技巧,结果没有变化。但内部跨距背景优先于容器跨距。这是一个富文本编辑器,所以一些JS删除内部跨距的背景颜色将是一个痛苦,因为我必须存储哪些内部跨距有什么背景颜色,并在我取消选择文本后重新应用它们…谢谢,这与JS添加/删除类的组合工作。