《
完美兼容ie6,ie7,ie8以及firefox的css透明濾鏡》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302341162013.htm
css用到的\9是css hack的寫法,是為了兼容不同的瀏覽器而應(yīng)用的
--> [
網(wǎng)站建設(shè)之]完善兼容ie6,ie7,ie8以及firefox的css透明濾鏡
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>兼容ie6,ie7以及firefox的css透明濾鏡,文字不繼續(xù)其透明屬性</title> <style type="text/css"> #container{ border:1px solid #c00; background-color:rgba(212,完全CSS下拉菜單,只用CSS,純CSS構(gòu)筑!,0,0,0,安全可視化普及系列一:你的網(wǎng)站安全嗎.5); background:#f00\9; filter:alpha(opacity=50); width:500px; margin:40px auto; line-height:200%; font-size:14px; padding:14px;} #container *{ position:relative;} </style> </head> <body> <div id="container"> <span>我是內(nèi)容我是內(nèi)容我是內(nèi)容我是內(nèi)容我</span> </div> </body> </html>
Tag:css透明濾鏡 IE8 IE7  ,
學(xué)網(wǎng)站設(shè)計必看之設(shè)計常識; IE6 css透明濾鏡 IE8 IE7 IE6
本例是一個兼容IE6/IE7/IE8和火狐閱讀器的css實現(xiàn)半透明層后果,之前自己也碰到過這樣的問題,學(xué)用純CSS打造可折疊樹狀菜單,就是把一個層設(shè)置半透明后,內(nèi)的文字也隨著半透明了,始終沒找到適合的解決措施,今天看到designcss.org有一篇文章解決了這個問題,但有一點,學(xué)好網(wǎng)站策劃應(yīng)具備的條件,發(fā)明在filter前邊多加一個星號,多加個星號是為了讓IE6跟IE7履行,火狐和IE8就不執(zhí)行了,火狐自身來講就不支撐IE特有的濾鏡功效,所以這里沒必要再加星號。還有就是不支持 IE8瀏覽器,經(jīng)由研討,查閱大批材料,終于找到解決方法了,下面分享出來。
[ 提醒:你可先修正局部代碼,再按Ctrl+A 全體抉擇 ]
(責(zé)任編輯:網(wǎng)站建設(shè))
完美兼容ie6,ie7,ie8以及firefox的css透明濾鏡相關(guān)文章