使用CSS3旋轉時無法淡出

我遇到過Google Chrome的一個相當奇怪的問題。當我應用CSS3變換（旋轉）時，我無法淡出H1元素。這似乎是一個奇怪的問題，除了使用圖像以外我無法解決。有沒有人知道解決這個問題的方法，如果我不需要，我不想用圖像破解。使用CSS3旋轉時無法淡出

這裏是特定H1

.studieprogramLinje h1{ 
color:#fff; 
-webkit-transform: rotate(90deg); 
-moz-transform: rotate(90deg); 
-ms-transform: rotate(90deg); 
-o-transform: rotate(90deg); 
transform: rotate(90deg); 
white-space: nowrap; 
margin-top:270px; 
font-weight: 100; 
}

而且JQuery的部分CSS就是：

$('#mobilApputvikling h1').fadeOut(200);

這似乎是工作，如果我淡出所有H1元素是這樣的：

$('h1').fadeOut(200);

但不是這個特定的。但是，如果我刪除CSS3中的旋轉，但它的作品。

來源

2013-01-13 Steffen Martinsen

你應該提供一個測試環節或更好的jsfiddle –

我已經試過了，但旋轉似乎並不在JSFiddle中工作。 –

旋轉（CSS3）應該在jsfiddle上工作 –

您是否嘗試過使用jQuery動畫代替？可能會有相同的效果，但可能是解決方法。

$('h1').animate({ opacity: 0 }, 200);

如果沒有一個變通，如何提交BUG：Chromium Bugs

來源

2013-01-13 14:18:53 Will

是的，我試過了。忘了提及 - 無論如何它仍然不起作用。什麼都沒有發生。 –

拖動。 :(如何將錯誤提交給谷歌？ – Will

我想過了，也許我應該這樣。這是一個多麼奇怪的問題！對Safari來說似乎也是一樣，所以它可能是一個webkit的問題，我會深入研究它，並且現在用圖像破解它！謝謝你的答案！ –

使用CSS3旋轉時無法淡出

回答

相關問題