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);似乎可以解决这个问题。第二个是它导致它跳到动画的结尾（因此闪烁）。

淡出徘徊在边界上

1 个答案: