0

我正在一个网站上工作，我们在屏幕顶部有一个固定菜单。以及屏幕上的一些旋转元素。现在，当用户滚动并让旋转的元素遇到固定元素时，它们会在 Firefox 中以小屏幕分辨率消失。下面是一段测试代码，它的工作原理相同并且存在相同的问题：

<body style="height:800px;">
<div style="width:300px; height:50px; background:#aaa; position:fixed; top:0px; left:0px; z-index:2;"></div>

<div style="position:absolute; height:1px; width:72.8804px; top: 118.3px; left: 108.843px; transform: rotate(-1.10069deg); background:#000;"></div></body>
4

1 回答 1

0

您可以从添加供应商前缀开始：

transform: rotate(-1.10069deg);
-ms-transform: rotate(-1.10069deg);
-moz-transform: rotate(-1.10069deg);
-o-transform: rotate(-1.10069deg);
-webkit-transform: rotate(-1.10069deg);

此外，如果您使用的是z-index，请确保您想要高于的元素具有比低于下方的元素更高的值

于 2013-08-07T13:30:18.960 回答