解決IE的背景顏色透明子元素不透明問題


假設背景為黑色,70%半透明,對需要半透明的層用如下CSS

background-color: #000000; /* background color for IE */
filter: alpha(opacity=70); /* opacity filter for IE */
background-color: rgba(0, 0, 0, 0.7); /* for other browsers */

 

如果只做了這一步,在IE中子元素也會被用上濾鏡而透明,所以對於不需要透明的子元素們需要改變層級使之不受濾鏡作用,方法是明確做一個定位,即將position設置成relative,absolute或fixed中的一種。至於另外兩種:static,其實也就是默認值,是不定位的,而inherit會直接被IE無視掉

position: relative; /* or absolute/fixed */

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM