透明往往能產生不錯的網頁視覺效果，先奉上兼容主流瀏覽器的CSS透明代碼:
復制代碼 代碼如下:
.transparent_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
上面的幾個屬性分別是:
opacity: 0.5; 這是最重要的，因為它是CSS標準.該屬性支持Firefox, Safari和 Opera.
filter:alpha(opacity=50); 這個是為IE6設的，可取值在0-100，其它三個0到1.
-moz-opacity:0.5; 這個是為了支持一些老版本的Mozilla瀏覽器。
-khtml-opacity: 0.5; 這個為了支持一些老版本的Safari瀏覽器。
CSS透明度繼承問題
但CSS的透明屬性涉及到一個繼承問題，當為父級元素設置透明度后，子元素將自動繼承其透明度，即使你又為子元素指定透明度為1也是無效的。
對于子元素是文字的情況，我的解決方法一般是如果多少還能夠看清，就不管。另一個折衷的方法是，為文本子元素指定一個相對更深的顏色。也就是說，當子元素繼承透明度后，所得到的文本顏色正好就是你想要的。前提是，這個顏色還有加深的可能，和需要詳細的計算顏色和透明度的值。
還有"取消透明度繼承”的說法，這個說法是不太準確的，據我個人所知，沒有任何取消透明度繼承的方法。只能說，當想要實現"多個元素覆蓋，只讓指定的元素透明”時，可以使用的一些Hack。
搜了一下，找到一個不錯的實現這種效果的方法
主站蜘蛛池模板：
株洲县|
奎屯市|
鸡西市|
页游|
泗水县|
滦南县|
修武县|
赤城县|
河南省|
奉节县|
连山|
合水县|
邮箱|
镇远县|
马山县|
阿拉善右旗|
万安县|
定远县|
阿拉善左旗|
金门县|
永靖县|
海宁市|
陇南市|
尖扎县|
西和县|
格尔木市|
巨鹿县|
灵石县|
交口县|
大石桥市|
华安县|
文安县|
大姚县|
沅陵县|
佳木斯市|
双城市|
兴国县|
子长县|
库尔勒市|
保靖县|
德庆县|
