jQuery的toggleClass動畫問題

-1

如果將鼠標懸停在左上方的標誌，它應該「褪色」一樣的標誌與它下面的一些文字。

問題是，徽標部分自然會褪色，但其下方的文本看起來像是放在一起，並且不會「自然」褪色。

任何想法？

從我所看到，你的文字寫在圖像中，具有鼠標懸停不同的背景，我認爲問題是由

你可以嘗試，而不是做一些像這樣的原因造成的：

<div class="sublogo-stress" style=" "> 
    <img src="/wp-content/themes/SimplePress/images/trans_120x90.png"> 
    <span>test</span> 
</div>

您甚至可以將span的不透明度設置爲0，以使其完全不可見。現在褪色效果應該會更好。

2012-02-16 22:41:58

toggleClass更改不透明度以匹配懸停類的不透明度並添加類。但是，無論如何，你改變課堂的地方將會突然出現文字。看看這裏http://jsfiddle.net/eYJym/

你可以'迴避'這個效果，通過淡化到0應該切換類。或者通過將不可見圖層與原始圖像上方的文本放在一起，將其淡化爲某種不透明度，然後使用原始圖像隱藏該圖層。處理不透明的圖像會容易得多:)

2012-02-16 23:17:40 Cheery

回答