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

使用CSS3旋转时无法淡出

1 个答案: