父級div 透明 ，子級不受影響

一般如果我們設置div透明度是這樣的：

  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;

其實大多數都是直接：

  opacity:0.5;

但是有可能我們會遇到這樣的問題，就是包含在內的子級元素會繼承父級的屬性，造成樣式污染，例如子級的透明度也會受影響，如何讓子級不受影響呢？可以這樣控制父級div的樣式：

background-color:rgba(0,0,0,0.8);
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案？ 參考答案 (1)瀏覽器兼容問題一：不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1贊 92
  • 轉載請聲明 原文鏈接地址 關注公眾號獲取更多資訊 第一部分 HTML 第一章 職業規劃和前景 職業方向規劃定位...
    前端進階之旅閱讀 16,599評論 32贊 459
  • 前言： 1.HTML5的發展非常迅速，可以說已經是前端開發人員的標配，在電商類型的APP中更是運用廣泛，這個系列的...
    珍此良辰閱讀 1,938評論 2贊 15
  • 一:在制作一個Web應用或Web站點的過程中，你是如何考慮他的UI、安全性、高性能、SEO、可維護性以及技術因素的...
    Arno_z閱讀 1,212評論 0贊 1
  • 不知道有沒有和我一樣的童鞋,心情好的時候呢,在紙上畫畫。心情不好的時候呢,也要在紙上畫畫。 養成喜歡寫字的習慣是在...
    陳多脂閱讀 363評論 1贊 1