我正在执行一个非常简单的 onmouseover fadeTo ,如下所示:
$(document).ready(function() {
$('img#logo-link, a.advert').hover(function() { $(this).fadeTo('fast',0.75) } , function(){ $(this).fadeTo('fast',1) });
});
...在 FF7/8 中运行良好,但我无法让元素 a.advert 在 Chrome 中淡入淡出(其他淡入淡出工作正常)。HTML是这样的:
<a class="advert lime" href="/my-url">
<div class="wrapper">
<img src="file.jpg" width="225" height="280" alt="Alt text" />
<div class="description">
<div class="description_content">
<h3>Advert title</h3>
<p>Lorem ipsum dolor sit amet</p>
</div>
</div>
<div class="clear"></div>
</div>
</a>
我可以在 Chrome 的检查器中看到不透明度发生了变化,但在文档中看起来并没有什么不同。其他这样的淡入淡出效果很好(包括带有图像的淡入淡出)。
我正在使用 jQuery 1.6.2。
有什么想法吗?