css – 不透明度是否在div中是不可见的

前端之家收集整理的这篇文章主要介绍了css – 不透明度是否在div中是不可见的前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
是否可以从父级删除不透明度继承到它的子级div?

<style type="text/css">
.parent {
 opacity:.5;
}
.parent div {
 opacity:1; /* I want this to override the ".5",but instead it combines */
}
</style>
<div class="parent"><div></div></div>

解决方法

就像fmsf说的那样,这是不可能的.
如果您正在寻找一种使背景颜色或颜色透明的方法,您可以尝试rgba. IE6不支持功能.
#my_element {
  /* ie6 fallback - no opacity */
  background-color:rgb(255,255,255);

  /* rgba(red,green,blue,alpha); */
  background-color:rgba(255,0.5);
}

猜你在找的CSS相关文章