如何避免使用不透明度放置在DIV中的img的不透明度?

ras*_*som 1 css css3

我有一个带有CSS样式背景颜色和不透明度为0.7的DIV.完美的工作.但是......在DIV标签内部有一个IMG标签.我的问题是IMG获得与DIV相同的不透明度,这是我不想要的.我希望IMG不透明,并尝试设置"不透明度:1!重要;" 对于IMG,但它仍然是半透明的DIV.

有人可以帮忙吗?

oez*_*ezi 6

你不能使用不透明度,因为它总是影响所有子元素.您可以尝试使用rgba-color作为div的背景(所有现代浏览器都支持)并省略不透明度.

background: rgba(0, 0, 255, 0.7); // 70% opaque blue
Run Code Online (Sandbox Code Playgroud)