誰かがこれで私を助けてくれますか、私は私の問題を説明するためにjsfiddleを作りました...
追加しようとすると
opacity: 0.6;
クラスへ
.menuitem {}
border-radiusは適用されなくなりました...jsfiddleを使用して、不透明度を削除して再実行すると、意味がわかります。これはバグですか、それとも何かが足りませんか？問題はChromeだけにあるようですが、Safariにもある可能性があります。
前もって感謝します
編集：.mask要素にborder-radiusを適用する理由は、子div .menuitemがjQueryでmarginTopアニメーション化され、マウスオーバーで下にスライドするためです。これは、これらのアイテムの角を丸くするために、丸みを帯びたマスクの下を通過する必要があることを意味します。
うまくいけば、それは理にかなっています。