IE和FF中css透明度詳細(xì)對(duì)比_CSS教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
當(dāng)父容器設(shè)置了透明度的時(shí)候,子容器會(huì)繼承父容器的性質(zhì),面對(duì)這個(gè)問(wèn)題我們也不知道該說(shuō)是bug還是說(shuō)是大家對(duì)透明的理解方式問(wèn)題。先不管css的標(biāo)準(zhǔn)認(rèn)為怎樣才是最合理的,當(dāng)我們遇到不想要子容器也透明的時(shí)候如何去解決這樣的問(wèn)題。
方法一:
針對(duì)IE,在子容器添加:
position:relative;
針對(duì)firefox等就只能使用png
background:url(images/boxBg.png);
/*以下只有ie識(shí)別*/
*background:#CCCCCC;
方法二:
簡(jiǎn)單描述一下,也是網(wǎng)上常見(jiàn)的方法。
構(gòu)造三個(gè)容器
首先,讓需要透明的容器和不透明容器保持兄弟關(guān)系。
然后,通過(guò)父容器控制大小讓兩個(gè)兄弟容器通過(guò)定位保持一個(gè)看似父子的排列方式。
方法二是規(guī)避了透明度的繼承問(wèn)題,并不是解決了透明度繼承問(wèn)題
方法一:
針對(duì)IE,在子容器添加:
position:relative;
針對(duì)firefox等就只能使用png
background:url(images/boxBg.png);
/*以下只有ie識(shí)別*/
*background:#CCCCCC;
方法二:
簡(jiǎn)單描述一下,也是網(wǎng)上常見(jiàn)的方法。
構(gòu)造三個(gè)容器
首先,讓需要透明的容器和不透明容器保持兄弟關(guān)系。
然后,通過(guò)父容器控制大小讓兩個(gè)兄弟容器通過(guò)定位保持一個(gè)看似父子的排列方式。
方法二是規(guī)避了透明度的繼承問(wèn)題,并不是解決了透明度繼承問(wèn)題
相關(guān)CSS教程:
- css中的八種長(zhǎng)度單位
- IE6不支持的CSS的type選擇器
- CSS入門(mén):CSS的一些常見(jiàn)規(guī)則
- CSS文字大小px和pt的區(qū)別
- 八個(gè)CSS3備受期待功能
- CSS基礎(chǔ):您是否真的了解CSS的Display屬性
- DIVCSS中 左右抖動(dòng)的解決方案
- IE8 CSS hack實(shí)例代碼
- CSS編碼習(xí)慣 hack分開(kāi)寫(xiě)的規(guī)則
- CSS編碼順序研究,提高CSS編碼效率
- CSS引用方式import與link的具體區(qū)別
- 重寫(xiě)您的CSS文件使之更有條理、結(jié)構(gòu)清晰
CSS教程Rss訂閱Div+Css教程搜索
CSS教程推薦
猜你也喜歡看這些
- HTML5 INPUT placeholder及兼容性處理
- 淺說(shuō)XHTML中CDATA
- Default style sheet - HTML4標(biāo)簽的默認(rèn)樣式列表
- HTML5語(yǔ)言:Apple Opera Mozilla將支持
- HTML表格標(biāo)記教程(28):單元格的邊框色屬性BORDERCOLOR
- XHTML入門(mén)學(xué)習(xí)教程:XHTML常用標(biāo)簽
- HTML表格標(biāo)記教程(5):亮邊框色屬性BORDERCOLORLIGHT
- HTML高級(jí)教程聲明
- HTML表格標(biāo)記教程(6):暗邊框色屬性BORDERCOLORDARK
- HTML表格標(biāo)記教程(46):表格的表尾標(biāo)記
- 相關(guān)鏈接:
- 教程說(shuō)明:
CSS教程-IE和FF中css透明度詳細(xì)對(duì)比。