Operaのボックスシャドウのバグ

box-shadowプロパティの解釈に関連するOperaの不快なバグを発見しました。 このプロパティが:hover疑似クラスで要素に割り当てられている場合、ホバーすると、その周囲に影が誤って表示されます。 結果のネットワークで解決策を探すことはできず、実験的に見つける必要がありました。

この問題は、要素のホバーと同じ寸法で元の要素に同様の影を割り当てることで解決されることがわかりました。 私の場合、この影は不要で、透明にしただけです。

画像

説明されている問題は、Mac OSのバージョン10.54および10.60で修正されました。 上記は、カーソルにカーソルを合わせると、Operaが次のプロパティを持つブロックを表示する方法を示しています。

/* */
div.first:hover {
box-shadow: 0 2px 10px #5f5
}
/* */
div.second {
box-shadow: 0 2px 10px rgba(0,0,0,0)
}
div.second:hover {
box-shadow: 0 2px 10px #5f5
}


誰かがこの小さなヒントが役立つことを願っています。 または、ブラウザ開発者でさえ、このトピックを読んだ後、この小さな迷惑な誤解を修正するでしょう。

Source: https://habr.com/ru/post/J97289/


All Articles