ホームページ  >  記事  >  ウェブフロントエンド  >  不透明度のスタイルを設定しているにもかかわらず、Chrome ホバー上で画像が右に移動するのはなぜですか?

不透明度のスタイルを設定しているにもかかわらず、Chrome ホバー上で画像が右に移動するのはなぜですか?

DDD
DDDオリジナル
2024-10-26 01:36:02673ブラウズ

Why Does My Image Shift Right on Chrome Hover, Despite Opacity Styling?

ホバーすると画像が移動する: Chrome の不透明度の問題を解決する

特定の Web ページのサムネイル上にホバーすると、画像が右のみに著しく移動しますChromeで。この問題は、画像のスタイルの不透明度の値を定義しているにもかかわらず発生します。

この問題に対処するには、-webkit-backface-visibility: hidden; を適用します。ホバーされた要素にプロパティを追加すると、問題が解決します。このプロパティは、不透明度が調整されたときに画像の位置に影響を与えると思われる、変換に関連する Chrome 固有の動作に対処します。

さらに詳しくは、https://css で背面の可視性に関する CSS のトリック ガイドを参照してください。 -tricks.com/almanac/properties/b/backface-visibility/.

以上が不透明度のスタイルを設定しているにもかかわらず、Chrome ホバー上で画像が右に移動するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。