IE和FF中css透明度詳細(xì)對比_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
當(dāng)父容器設(shè)置了透明度的時候,子容器會繼承父容器的性質(zhì),面對這個問題我們也不知道該說是bug還是說是大家對透明的理解方式問題。先不管css的標(biāo)準(zhǔn)認(rèn)為怎樣才是最合理的,當(dāng)我們遇到不想要子容器也透明的時候如何去解決這樣的問題。
方法一:
針對IE,在子容器添加:
position:relative;
針對firefox等就只能使用png
background:url(images/boxBg.png);
/*以下只有ie識別*/
*background:#CCCCCC;
方法二:
簡單描述一下,也是網(wǎng)上常見的方法。
構(gòu)造三個容器
首先,讓需要透明的容器和不透明容器保持兄弟關(guān)系。
然后,通過父容器控制大小讓兩個兄弟容器通過定位保持一個看似父子的排列方式。
方法二是規(guī)避了透明度的繼承問題,并不是解決了透明度繼承問題
方法一:
針對IE,在子容器添加:
position:relative;
針對firefox等就只能使用png
background:url(images/boxBg.png);
/*以下只有ie識別*/
*background:#CCCCCC;
方法二:
簡單描述一下,也是網(wǎng)上常見的方法。
構(gòu)造三個容器
首先,讓需要透明的容器和不透明容器保持兄弟關(guān)系。
然后,通過父容器控制大小讓兩個兄弟容器通過定位保持一個看似父子的排列方式。
方法二是規(guī)避了透明度的繼承問題,并不是解決了透明度繼承問題
相關(guān)CSS教程:
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
猜你也喜歡看這些
- HTML5 INPUT placeholder及兼容性處理
- 淺說XHTML中CDATA
- Default style sheet - HTML4標(biāo)簽的默認(rèn)樣式列表
- HTML5語言:Apple Opera Mozilla將支持
- HTML表格標(biāo)記教程(28):單元格的邊框色屬性BORDERCOLOR
- XHTML入門學(xué)習(xí)教程:XHTML常用標(biāo)簽
- HTML表格標(biāo)記教程(5):亮邊框色屬性BORDERCOLORLIGHT
- HTML高級教程聲明
- HTML表格標(biāo)記教程(6):暗邊框色屬性BORDERCOLORDARK
- HTML表格標(biāo)記教程(46):表格的表尾標(biāo)記
- 相關(guān)鏈接:
- 教程說明:
CSS教程-IE和FF中css透明度詳細(xì)對比
。