Question

我正在一个网站上工作，我们在屏幕顶部有一个固定的菜单。屏幕上还有一些旋转的元素。现在，当用户滚动并让旋转的元素在固定元素上获得时，它们会以小屏幕分辨率在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>

Answer 1

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

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 ，请确保您希望上面的元素的值高于 >

在固定元素下滚动时，旋转的div消失

1 个答案: