css – 为什么background-color:none不覆盖指定的背景颜色?

前端之家收集整理的这篇文章主要介绍了css – 为什么background-color:none不覆盖指定的背景颜色?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的目标是表中的所有单元格都有一个背景颜色,除了类“透明”。这是一些示例代码( corresponding jsfiddle):
<style>
    td { background-color: red }
    td.transparent { background-color: none }
</style>

<table>
    <tr>
        <td>foo</td>
        <td class="transparent">bar</td>
    </tr>
</table>

为什么td.transparent单元格不遵循td.transparent css规则?当我检查元素的规则在那里,但是它被td规则覆盖,这似乎破坏正常的CSS特定性规则。

我可以通过使用rgba(0,0)而不是任何东西来获得我想要的东西,但是IE8不支持rgba,如果可以的话我想避免使用一个丑陋的黑客。

我也想了解为什么这不符合我的预期。

思考?

解决方法

该值需要是有效的颜色,而不是一个有效的颜色。相反,您可以使用透明(类似于rgba(0,0),但更广泛地支持)。如果这不是很好,你可以随时使用白色或使用更具体的红色背景规则。

猜你在找的CSS相关文章