firefox - Firefox 2018 で動作しない変換で修正されたバックグラウンド アタッチメント

Question

皆さん、こんにちは。私のコードに問題があります。background-attachment は、Firefox と IE で transform:rotate() を削除した場合にのみ機能し、代わりに Chrome でうまく機能します。

これは私のHTMLです

        <div class="para">

        </div>

これは私のcssです

.para{
  z-index: -100;
  height: 160vh;
  width: 100%;
  margin-top: -40rem;
  background: url("back1.jpg") no-repeat center;
  background-size: cover;
  background-attachment: fixed;
  -webkit-clip-path: polygon(0 22%, 100% 0, 100% 79%, 0% 100%);
  clip-path: polygon(0 22%, 100% -800px, 100% 60%, 0% 100%);
  transform: rotate(10deg);
}

したがって、翻訳プロパティを削除すると明確になるため、追加するとどこでも機能し、クロムでのみ機能します。