Question

我将一个元素旋转1度。然后将元素旋转-1度，使内部元素笔直。

已经在Chrome和Safari中对此进行了测试，它运行正常。但是在FireFox中，内部元素旋转被忽略（在IE中仍然未经测试）。

知道可能出现什么问题吗？

HTML：

<div class="rotated-left">
    <div class="rotated-right">
        <p>This text should be straight.</p>
    </div>
</div>

CSS：

.rotated-left {
    -webkit-transform: rotate(1deg);
    -moz-transform: rotate(1deg);
    -o-transform: rotate(1deg);
    -ms-transform: rotate(1deg);
    transform: rotate(1deg);   
}

.rotated-right {
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    transform: rotate(-1deg);  
}

Answer 1

我在chrome，firefox和IE中测试过，没有任何问题。我甚至删除了特定于浏览器的元素。还在工作。

确保你正确地调用了CSS吗？

在已经旋转的元素中旋转元素 - 不在Firefox中工作

1 个答案: