Question

我發了一個快example我的小問題。

任何人都可以告訴我爲什麼當我懸停邊框時，我的fadeTo支持主不透明度？

我認爲它是一個邊框問題，我可以打開，檢查小提琴，懸停邊框，你會看到發生的小閃爍。

源：

HTML：

<div id="container"> 
<div id="title"></div> 
<table width='100%' style='border-bottom: dotted 1px;'> 
    <tr> 
     <td>One</td> 
     <td class="align_center" width="50px">Two.</td> 
     <td class="align_center" width="80px">Other</td> 
     <td class="align_center" width="70px">Other 2</td> 
    </tr> 
</table> 
<div id="result" style="height: 200px;"></div> 

CSS：

#container{ 
    display: block; 
    border: solid 1px; 
    position: absolute; 
    top: 130px; 
    left: 3px; 
    width: 500px; 
    background-color: #ccc; 
    opacity: 0.4; 
    filter: alpha(opacity=40); 
} 

JS：

$("#container").live("mouseover", function(){ 
    $(this).stop(true,true).fadeTo('slow', 1); 
}); 
$("#container").live("mouseout", function(){ 
    $(this).stop(true,true).fadeTo('slow', 0.4); 
}); 

謝謝。

Answer 1

更改爲$(this).stop().fadeTo('slow', 1);似乎爲我解決它。第二個原因是導致它跳到動畫的結尾（因此閃爍）。