MozTW 討論區

各項 Mozilla 相關軟體與技術討論
現在的時間是 2025-06-21, 21:05

所有顯示的時間為 UTC + 8 小時





發表新文章 回覆主題  [ 10 篇文章 ] 
發表人 內容
文章發表於 : 2006-08-02, 11:45 
離線
頭像

註冊時間: 2005-04-08, 13:23
文章: 60
<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


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.4) Gecko/20060603 Firefox/1.5.0.4 (pigfoot)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2006-08-02, 13:00 
離線
[MozTW 版主群]
頭像

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園
恭喜你解決了這個問題 ^^

順帶一提,opacity: 0.5 的寫法
是 CSS 3 標準裡的寫法

_________________
在靜謐的國度裡,擁抱微風--抱風伴靜


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.5) Gecko/20060719 Firefox/1.5.0.5
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2006-08-02, 13:25 
離線

註冊時間: 2003-11-18, 10:59
文章: 3473
風痕影 寫:
順帶一提,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?

_________________
:::: 簽名檔分隔線 ::::
免費好用又自由的輸入法 gcin Windows | 勸大家以後不要再買 ATI


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.5) Gecko/20060719 Firefox/1.5.0.5
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2006-08-02, 13:38 
離線
頭像

註冊時間: 2005-04-08, 13:23
文章: 60
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;語法
所以就全部都寫上去了....


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.4) Gecko/20060603 Firefox/1.5.0.4 (pigfoot)
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2006-08-02, 13:51 
離線
[MozTW 版主群]
頭像

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園
coolcd 寫:
只不過現在很多人還在用 Fx 1.0.X,不知道 1.0.X 是不是支援 opacity?

Mozilla 從 0.8 就開始支援 opacity 了@@
Firefox 我就不知道了...
不過 Firefox 好像比 Mozilla 0.8 晚出來 @@?

嗯,我也是習慣三個都寫
或者只寫標準裡的和 IE 的...

_________________
在靜謐的國度裡,擁抱微風--抱風伴靜


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.5) Gecko/20060719 Firefox/1.5.0.5
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2006-08-02, 13:55 
離線

註冊時間: 2003-11-18, 10:59
文章: 3473
找到幾篇不錯的文章,跟大家分享一下。
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?不知道,還得查查。

_________________
:::: 簽名檔分隔線 ::::
免費好用又自由的輸入法 gcin Windows | 勸大家以後不要再買 ATI


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.5) Gecko/20060719 Firefox/1.5.0.5
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2006-08-02, 14:14 
離線

註冊時間: 2003-11-18, 10:59
文章: 3473
找到了。

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。

_________________
:::: 簽名檔分隔線 ::::
免費好用又自由的輸入法 gcin Windows | 勸大家以後不要再買 ATI


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.5) Gecko/20060719 Firefox/1.5.0.5
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2006-08-02, 15:27 
離線
[MozTW 版主群]
頭像

註冊時間: 2004-11-17, 09:53
文章: 1302
來自: 臺灣桃園
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

_________________
在靜謐的國度裡,擁抱微風--抱風伴靜


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.5) Gecko/20060719 Firefox/1.5.0.5
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2006-08-02, 23:54 
離線

註冊時間: 2003-11-18, 10:59
文章: 3473
風痕影 寫:
真糟糕,我應該自己多找些資料或做些測試的 囧"
當初看到有人說 0.8 開始支援就相信了的說
我趕快改一下我的教學網站,免得有人誤會了 >////<
感謝 coolcd 大大 orz

你太客氣了啦
要不是剛好瞄到你的回答跟我之前看到的資料不同
我也懶得去查證啦~ :oops:
風大的技術能力遠高於我的說 :D

_________________
:::: 簽名檔分隔線 ::::
免費好用又自由的輸入法 gcin Windows | 勸大家以後不要再買 ATI


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.5) Gecko/20060719 Firefox/1.5.0.5
 個人資料  
引用回覆  
 文章主題 :
文章發表於 : 2006-08-07, 20:06 
離線

註冊時間: 2005-11-23, 15:12
文章: 291
來自: 呆玩
ie的filter:alpha在某些元素沒辦法作用,如headings(h1,h2...),可能應該還有其他不能作用的;但是opacity在fx中,幾乎所有元素都有作用。

ps.ie自己發明的東西居然還有但書 :?

_________________
時間,人為與自然的衝突。~不惑仔


回頂端
Mozilla/5.0 (Windows; U; Windows NT 5.1; zh-TW; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6
 個人資料  
引用回覆  
顯示文章 :  排序  
發表新文章 回覆主題  [ 10 篇文章 ] 

所有顯示的時間為 UTC + 8 小時


誰在線上

正在瀏覽這個版面的使用者:沒有註冊會員 和 15 位訪客


不能 在這個版面發表主題
不能 在這個版面回覆主題
不能 在這個版面編輯您的文章
不能 在這個版面刪除您的文章
不能 在這個版面上傳附加檔案

搜尋:
前往 :  
Powered by phpBB® Forum Software © phpBB Group
正體中文語系由 竹貓星球 維護製作
© moztw.org, Mozilla Foundation
MozTW,Mozilla 台灣社群