jquery - 使用 CSS3 旋转时无法淡出

Question

我在使用 Google Chrome 时遇到了一个相当奇怪的问题。应用 CSS3 变换（旋转）后，我无法淡出 H1 元素。这似乎是一个奇怪的问题，除了使用图像之外我无法解决。有没有人知道解决这个问题的方法，如果我不需要的话，我不想用图像破解它。

这是特定 H1 的 CSS

.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 部分只是：

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

如果我像这样淡出所有 h1 元素，它似乎正在工作：

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

但不是这个特定的。但是，如果我删除 CSS3 中的旋转，它会起作用。

Answer 1

您是否尝试过使用 jQuery animate 来代替？可能会产生相同的效果，但可能是一种解决方法。

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

如果没有解决方法，提交错误如何：Chromium Bugs