MozTW 討論區
https://forum.moztw.org/

[問題] 關於-moz-opacity
https://forum.moztw.org/viewtopic.php?f=13&t=1921		 第 1 頁 (共 1 頁)
發表人:  BCSEEATI [ 2004-02-05, 22:06 ]
文章主題 :  [問題] 關於-moz-opacity
<style type="text/css" media="all">
.menuoff{
-moz-opacity:0.45;
filter:alpha(opacity=45);
}
.menuon{
-moz-opacity:1;
filter:alpha(opacity=100);
}
</style>

<div style="position:absolute;top:100px;left:3%;z-index:9;width:100px;height:100px;background-color:red;" class="menuoff" onMouseover="this.className='menuon';" onMouseout="this.className='menuoff';">test</div>


以上這段HTML，在IE6中顯示如下：
第一次滑鼠移入時，<DIV>變成不透明的
然後滑鼠移出時，<DIV>變成半透明的

但是在Netscape7中則顯示如下：
第一次滑鼠移入時，<DIV>變成不透明的
然後滑鼠移出後，<DIV>還是不透明的
第二次滑鼠移入時，<DIV>仍然是不透明的
然後滑鼠移出時，<DIV>變成半透明的


請問這是不是Mozilla的問題呢？
該如何解決？
發表人:  danielwang [ 2004-02-07, 13:05 ]
文章主題 : 
class 不是用來代替 inline 樣式 (style=) 的，而是用來對各種 element 命名規類與管理的，應該是

<style type="text/css">

menu {
position:absolute;
top:100px;
left:3%;
z-index:9;
width:100px;
height:100px;
background-color:red;

-moz-opacity:0.45;
filter:alpha(opacity=45);
}

menu:hover {
-moz-opacity:1;
filter:alpha(opacity=100);
}
</style>

<div class="menu">test</div>

或者是

function mouseover(element) {
element.setAttribute('-moz-opacity', '1');
element.setAttribute('filter', 'alpha(opacity=100);');
}

<div class="menu" onmouseover="mouseover(this)" onmouseout="mouseout(this)">test</div>

註：沒測試程式碼，所以可能需要更改

引言回覆:
請問這是不是Mozilla的問題呢？


可能吧，沒用過 this.className 所以不知道
發表人:  訪客 [ 2004-02-12, 15:33 ]
文章主題 : 
Mozilla 1.6沒有問題.
不知你用什麼版本的Mozilla?
發表人:  BCSEEATI [ 2004-02-21, 15:04 ]
文章主題 : 
我後來改用Mozilla測試過了

Mozilla沒問題

有問題的是Netscape

不過只要將opacity 1改成0.99

就能正常
發表人:  ants [ 2004-03-19, 20:16 ]
文章主題 : 
The -moz-opacity is broken in Mozilla 1.6, Firefox 0.8 Macintosh platform, all usage of this will result invisible in Mac instead of transparency (translucent) effect.

Meanwhile, Mozilla 1.7b support the W3C's opacity (CSS3) standard.

(Before you guys got too excited about this, Safari 1.1/Panther supports it first!)
發表人:  danielwang [ 2004-03-19, 21:23 ]
文章主題 : 
ants 寫:
Meanwhile, Mozilla 1.7b support the W3C's opacity (CSS3) standard.


W3C 在 2003 年四月十四號釋出 CSS3 Color 的候選建議 (candidate recommendation)，現在快一年了 CSS3 Color 還停留在 candidate 狀態? 如果要count on W3C 推動新的 Web technology 會不會有點 mis-calculated ?
發表人:  BobChao [ 2004-03-20, 00:03 ]
文章主題 : 
dwx 寫:
ants 寫:
Meanwhile, Mozilla 1.7b support the W3C's opacity (CSS3) standard.


W3C 在 2003 年四月十四號釋出 CSS3 Color 的候選建議 (candidate recommendation)，現在快一年了 CSS3 Color 還停留在 candidate 狀態? 如果要count on W3C 推動新的 Web technology 會不會有點 mis-calculated ?


我現在是三種都用.... =.=
IE
Mozilla
CSS3
過渡期的解決方法... 一定不會通過驗證的解決方法... XD

CSS 3 是不是因為牽扯的東西太多所以才那麼慢呀... @@
這幾天一直在看他的規格書...
東西好多...
發表人:  danielwang [ 2004-03-20, 06:45 ]
文章主題 : 
BobChao 寫:
CSS 3 是不是因為牽扯的東西太多所以才那麼慢呀... @@
這幾天一直在看他的規格書...
東西好多...


或是 W3C 要預防加了東西或是有誤下一版又要改？我知道的修改有兩個：
  • buttontext 等 color 在 CSS3 將被 deprecate
  • ::first-line 的解釋在 CSS2 和 CSS3 將有一點不同
    • CSS2：<p><span>blah</span></p> → <p><p:first-line><span>blah</span></p::first-line></p>
    • CSS3：<p><span>blah</span></p> → <p><span><p::first-line>blah</p::first-line></span></p>

很可惜的是 W3C 沒有出版 CSS 版本與版本間的修正(不過有的話可能會很長? @@)
發表人:  訪客 [ 2004-03-20, 12:00 ]
文章主題 : 
dwx 寫:
ants 寫:
Meanwhile, Mozilla 1.7b support the W3C's opacity (CSS3) standard.


W3C 在 2003 年四月十四號釋出 CSS3 Color 的候選建議 (candidate recommendation)，現在快一年了 CSS3 Color 還停留在 candidate 狀態? 如果要count on W3C 推動新的 Web technology 會不會有點 mis-calculated ?
CR狀態不是已經推薦軟體實作了嗎?
我們的Mozilla都是依據CR為實作因素之一.
再者, Opera跟Safari在某些規格書在working draft狀態的時候就已經實作了(雖然很大可能會浪費developer的時間), 規格書是否要達到REC階段好像沒什麼關係.
第 1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/