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

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

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

解决方法

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

猜你在找的CSS相关文章