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 动画？可能会产生相同的效果，但可能是一种解决方法。

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

如果没有变通办法，如何提交错误:Chromium Bugs