MozTW 討論區 https://forum.moztw.org/ |
|
請問STYLE= filter Alpha(已解決) https://forum.moztw.org/viewtopic.php?f=13&t=15062 |
第 1 頁 (共 1 頁) |
發表人: | cmi [ 2006-08-02, 11:45 ] |
文章主題 : | 請問STYLE= filter Alpha(已解決) |
<IMG SRC="space.gif" width=16 height=32 STYLE="filter: Alpha(opacity=50)"> 這樣子寫在IE下看來會有半透明的效果 可是在firefox下看來和一般的貼圖沒有兩樣 請問一下STYLE="filter: Alpha(opacity=50)"是IE專用語法嗎? 如果像讓firefox有同樣的效果,應該要怎麼改? -- 自己解決了 抱歉沒有先作過功課就隨便亂發文 STYLE="filter: Alpha(opacity=50)"看起來是IE專用的 把他改成STYLE="filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;"在IE和firefox下都可以同時作用 資料來源: 狗貓的家 http://blog.xuite.net/jeanson61/xuite |
發表人: | 風痕影 [ 2006-08-02, 13:00 ] |
文章主題 : | |
恭喜你解決了這個問題 ^^ 順帶一提,opacity: 0.5 的寫法 是 CSS 3 標準裡的寫法 |
發表人: | coolcd [ 2006-08-02, 13:25 ] |
文章主題 : | |
風痕影 寫: 順帶一提,opacity: 0.5 的寫法
是 CSS 3 標準裡的寫法 喔喔喔,原本看到 代碼: STYLE="filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;"
覺得是不是 Firefox 還不支援 opacity:0.5,否則我們就不需要用 -moz-opacity:0.5 了。但後來測試了一下,發覺 Fx 1.5 已經支援 opacity 了哦! 只不過現在很多人還在用 Fx 1.0.X,不知道 1.0.X 是不是支援 opacity? |
發表人: | cmi [ 2006-08-02, 13:38 ] |
文章主題 : | |
coolcd 寫: 風痕影 寫: 順帶一提,opacity: 0.5 的寫法 是 CSS 3 標準裡的寫法 喔喔喔,原本看到 代碼: STYLE="filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;" 覺得是不是 Firefox 還不支援 opacity:0.5,否則我們就不需要用 -moz-opacity:0.5 了。但後來測試了一下,發覺 Fx 1.5 已經支援 opacity 了哦! 只不過現在很多人還在用 Fx 1.0.X,不知道 1.0.X 是不是支援 opacity? 我找到的網站說明是說 filter:alpha(opacity=50);是給IE用的 -moz-opacity:0.5;是給mozilla系列瀏覽器用的 opacity: 0.5;則是標準語法 我其實也不知道mozilla系列瀏覽器哪些還不支援opacity: 0.5;語法 所以就全部都寫上去了.... |
發表人: | 風痕影 [ 2006-08-02, 13:51 ] |
文章主題 : | |
coolcd 寫: 只不過現在很多人還在用 Fx 1.0.X,不知道 1.0.X 是不是支援 opacity?
Mozilla 從 0.8 就開始支援 opacity 了@@ Firefox 我就不知道了... 不過 Firefox 好像比 Mozilla 0.8 晚出來 @@? 嗯,我也是習慣三個都寫 或者只寫標準裡的和 IE 的... |
發表人: | coolcd [ 2006-08-02, 13:55 ] |
文章主題 : | |
找到幾篇不錯的文章,跟大家分享一下。 http://www.ruzee.com/blog/2006/04/suppo ... n-browser/ http://www.soxiam.com/Code/CSSCrossBrowserTransparency 前面的疑惑找到答案了,-moz-opacity 是為了相容於 Mozilla Suite 1.6 以下的版本。 當然也可使用 PNG、GIF 來做透明效果,不過個人偏好是:能不用圖片就不用圖片啦。 Edit: ㄜ... 剛剛看到風痕影的留言,好像 Mozilla Suite 0.8 以後就支援 opacity?不知道,還得查查。 |
發表人: | coolcd [ 2006-08-02, 14:14 ] |
文章主題 : | |
找到了。 http://en.wikipedia.org/wiki/History_of ... tion_Suite http://www.squarefree.com/burningedge/releases/0.9.html Mozilla Suite 1.7、Firefox 0.9 以後才正式支援 CSS 3 的 opacity。 |
發表人: | 風痕影 [ 2006-08-02, 15:27 ] |
文章主題 : | |
coolcd 寫: 找到了。
http://en.wikipedia.org/wiki/History_of ... tion_Suite http://www.squarefree.com/burningedge/releases/0.9.html Mozilla Suite 1.7、Firefox 0.9 以後才正式支援 CSS 3 的 opacity。 真糟糕,我應該自己多找些資料或做些測試的 囧" 當初看到有人說 0.8 開始支援就相信了的說 我趕快改一下我的教學網站,免得有人誤會了 >////< 感謝 coolcd 大大 orz |
發表人: | coolcd [ 2006-08-02, 23:54 ] |
文章主題 : | |
風痕影 寫: 真糟糕,我應該自己多找些資料或做些測試的 囧"
當初看到有人說 0.8 開始支援就相信了的說 我趕快改一下我的教學網站,免得有人誤會了 >////< 感謝 coolcd 大大 orz 你太客氣了啦 要不是剛好瞄到你的回答跟我之前看到的資料不同 我也懶得去查證啦~ ![]() 風大的技術能力遠高於我的說 ![]() |
發表人: | 不惑仔Boohover [ 2006-08-07, 20:06 ] |
文章主題 : | |
ie的filter:alpha在某些元素沒辦法作用,如headings(h1,h2...),可能應該還有其他不能作用的;但是opacity在fx中,幾乎所有元素都有作用。 ps.ie自己發明的東西居然還有但書 ![]() |
第 1 頁 (共 1 頁) | 所有顯示的時間為 UTC + 8 小時 |
Powered by phpBB® Forum Software © phpBB Group https://www.phpbb.com/ |