DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> 解決父容器透明子容器不透明繼承問題
解決父容器透明子容器不透明繼承問題
編輯:CSS詳解     

當父容器設置了透明度的時候,子容器會繼承父容器的性質,面對這個問題我們也不知道該說是bug還是說是大家對透明的理解方式問題。先不管CSS的標准認為怎樣才是最合理的,當我們遇到不想要子容器也透明的時候如何去解決這樣的問題。

方法一:

針對IE,在子容器添加:

position:relative;

針對Firefox等就只能使用png

background:url(images/boxBg.png);
/*以下只有IE識別*/
*background:#CCCCCC;

方法二:

簡單描述一下,也是網上常見的方法。

構造三個容器

首先,讓需要透明的容器和不透明容器保持兄弟關系。

然後,通過父容器控制大小讓兩個兄弟容器通過定位保持一個看似父子的排列方式。

方法二是規避了透明度的繼承問題,並不是解決了透明度繼承問題

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved