ホバー時の背景色のトランジション効果
メニュー項目の上にホバーしたときの背景色のトランジション効果を作成しようとしています。しかしそうではありませんworking.
原因:
受け入れられた回答で述べたように、背景色の CSS トランジションはブラウザの古いバージョンと互換性がない可能性があります。 Internet Explorer バージョン 10 未満のようなブラウザは、背景色の CSS トランジションをサポートしていません。
解決策:
ブラウザ間の互換性を確保するには、ベンダー プレフィックスまたは秋を使用してください。 -back プロパティ:
a {</p><div class="code" style="position:relative; padding:0px; margin:0px;"><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 サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
