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 に答える