ホームページ >ウェブフロントエンド >CSSチュートリアル >ホバーしても背景色が変わらないのはなぜですか?

ホバーしても背景色が変わらないのはなぜですか?

DDD
DDDオリジナル
2024-12-17 16:14:19471ブラウズ

Why Isn't My Background Color Changing on Hover?

ホバー時の背景色のトランジション効果

メニュー項目の上にホバーしたときの背景色のトランジション効果を作成しようとしています。しかしそうではありませんworking.

原因:

受け入れられた回答で述べたように、背景色の CSS トランジションはブラウザの古いバージョンと互換性がない可能性があります。 Internet Explorer バージョン 10 未満のようなブラウザは、背景色の CSS トランジションをサポートしていません。

解決策:

ブラウザ間の互換性を確保するには、ベンダー プレフィックスまたは秋を使用してください。 -back プロパティ:

a {</p><pre class="brush:php;toolbar:false">background-color: #FF0;

}

a:hover {

background-color: #AD310B;
-webkit-transition: background-color 1000ms linear;
-ms-transition: background-color 1000ms linear;
transition: background-color 1000ms linear;

}

このコードはベンダー プレフィックスを使用しています(-webkit- および -ms-) はそれぞれ Safari と Internet Explorer の場合で、その他の標準の遷移プロパティが含まれています。ブラウザ。

以上がホバーしても背景色が変わらないのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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