日書隨筆

css筆記:IE與firefox通用背景半透明語法

幾天前偶然用firefox看自己的blog,被嚇了好大一跳。整個版面設定和用IE核心的PCman看完全不一樣啊啊啊!又用了google analytics,發現大約有16.23%的客倌使用firefox。於是開始找到底是哪裡寫錯了,結果居然發現是IE的呈現太不嚴謹所致,firefox的語法需寫的非常嚴謹才能完整呈現(大打擊)。不過,幸好路是人走出來的,在茫茫網海中終於找到了雙全的解決方法。


IE半透明語法:
filter: alpha(opacity=60,finishopacity=95,style=1);
firefox半透明語法:
-moz-opacity:0.5;
opacity: 0.5;
放在css下”main”的欄位內即可。
名詞備忘:
opactity:透明度,數值從0-100,0表完全透明,100為完全不透明
finishopacity:與style搭配使用。使用此標籤可製造漸層效果,數值一樣是0-100
style:漸層方式設定。有1~5種樣式可供選擇。
接下來換版面配置的問題有待解決。很高興今天至少把firefox的左右區塊隔開來了。可與IE共用的版面□度尚未找到,殘念。


On this day..

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *