背景透明文字不透明的最佳方法兼容IE(以背景黑色透明度0.5為例)
發(fā)布時間：2013-07-03 15:41:50 作者：佚名 
我要評論
我要評論本文以背景黑色，透明度0.5舉例為大家詳細介紹下關(guān)于背景透明，文字不透明的最佳方法同時兼容IE，具體實現(xiàn)如下，感興趣的朋友可以參考下哈希望對大家有所幫助
以背景黑色，透明度0.5舉例
非IE：background:rgba(0,0,0,0.5);
IE： filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
PS：#7f000000 其中7f是透明度0.5轉(zhuǎn)換成16進制的數(shù)值，000000是黑色的16進制數(shù)值
具體數(shù)值轉(zhuǎn)換可以參考 http://m.fzitv.net/web/89577.html
我個人認為這個寫法是最好的，無需單獨定義背景層，代碼精簡，本人一直在用，兼容IE6，有更好的解決辦法，歡迎留言探討
非IE：background:rgba(0,0,0,0.5);
IE： filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000);
PS：#7f000000 其中7f是透明度0.5轉(zhuǎn)換成16進制的數(shù)值，000000是黑色的16進制數(shù)值
具體數(shù)值轉(zhuǎn)換可以參考 http://m.fzitv.net/web/89577.html
我個人認為這個寫法是最好的，無需單獨定義背景層，代碼精簡，本人一直在用，兼容IE6，有更好的解決辦法，歡迎留言探討
相關(guān)文章
- 與普通的蒙版效果不一樣，需要有一個空白的地方顯示頁面上原有的動態(tài)內(nèi)容，具體的實現(xiàn)思路如下，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-13
- 在某些情況下可能會需要背景半透明文字不透明這樣的效果，實現(xiàn)起來并不復雜，通過濾鏡便可做到，具體實現(xiàn)如下，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-05
- 圖片透明在某些特殊的情況下還是比較實用的，下面是用濾鏡寫的圖片透明代碼，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-07-04
使用濾鏡解決IE6下png圖片不能透明(被渲染成默認色)的問題
IE6不支持透明，所有的透明部分，都被渲染成灰色或白色（不知道啥顏色，他自己的默認色）。這樣看起來難看不說，圓角的功能蕩然無存，下面與大家分享下使用濾鏡解決此問題2013-06-20格式png24透明底 多種解決png24格式圖片在ie6中透明問題
圖片透明，鋸齒問題是重構(gòu)人員很頭疼的問題，png24可以解決這些鋸齒問題，但是ie6不支持png24透明，不過利用ie6的hack問題有兩種解決的辦法，感興趣的朋友可以了解下哈2013-05-24- 想不想要自己的主頁鏈接很炫呢，背景半透明的鏈接效果，空鏈接實現(xiàn)的鏈接效果，只需要定義一個特效式的CSS樣式即可以實現(xiàn)，在需要實現(xiàn)的地方應用定義的CSS樣式，也可以全站2013-02-27
img 半透明 處理img加半透明背景實現(xiàn)思路及代碼
img加半透明背景實現(xiàn)原理：給li加上背景,li的大小就是圖片的大小,在a:hover時候改變a的透明度,感興趣的朋友可以了解下，希望本文可以幫助到你2013-01-13- 曾經(jīng)一度的采用濾鏡的方法搞定這個問題，弊端是當有多個png圖片的時候，這就造成了css的壓力，得寫多少css代碼呀，也嘗試過js，缺點是不支持CSS中backgrond-position與back2013-09-11