<分区>
标签 javascript html css
<分区>
在下面的例子中，如何让“蓝色”的不透明度为1？
<!DOCTYPE html>
<html>
<body>
<p>My mother has
<span style="color:blue;font-weight:bold;opacity:0">
<span style="color:blue;font-weight:bold;opacity:1">blue</span>
</span> eyes and my father has
<span style="color:darkolivegreen;font-weight:bold">dark green</span> eyes.
</p>
</body>
</html>最佳答案
opacity 继承自父元素。因此，不要使用不透明度，而是使用 rgba 颜色，其中 a 是透明度级别。
<!DOCTYPE html>
<html>
<body>
<p>My mother has <span style="color:rgba(0,0,255,0);font-weight:bold;"><span style="color:rgba(0,0,255,1);font-weight:bold;">blue</span></span> eyes and my father has <span style="color:darkolivegreen;font-weight:bold">dark green</span> eyes.</p>
</body>
</html>关于javascript - 一个Span内的Span，为什么样式沿用了外层的Span？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49079285/