1

我有一个带有 CSS 样式背景颜色和不透明度 0.7 的 DIV。完美运行。但是......在那个DIV标签里面有一个IMG标签。我的问题是 IMG 获得与 DIV 相同的不透明度，这是我不想要的。我希望 IMG 不透明，并尝试设置“不透明度：1！重要；” 对于IMG，但它仍然是半透明的DIV。

有人可以帮忙吗？

4

3 回答 3

6

你不能使用不透明度来做到这一点，因为这总是会影响所有子元素。您可以尝试使用rgba-color作为 div 的背景（所有现代浏览器都支持）并忽略不透明度。

background: rgba(0, 0, 255, 0.7); // 70% opaque blue
于 2012-04-13T10:30:59.150 回答
4

嗨，我提到了可以增加和减少父容器背景的不透明度并且不会影响子容器的属性。很简单，基本上你必须在背景中使用 rgb 颜色和 alpha 来获得不透明度。

background:rgba(146,146,146,0.1);

或查看示例：- http://jsfiddle.net/8LFLd/20/

于 2012-04-13T10:43:21.270 回答
2

我认为你不能阻止这种情况发生。您可能不得不在 div 之外使用 img 并以一些凌乱的位置放入其中：absolute; CSS。它不干净，但不管用。我更喜欢 oezi 的解决方案，但这可能与您想做的事情不兼容。如果是这样，您应该确定使用 oezi 的解决方案。

<div>
    <img src="" alt="">
    <div style="position: absolute;">
    Content
    </div>
</div>
于 2012-04-13T10:33:50.960 回答