首頁 >web前端 >css教學 >為什麼我的背景顏色在懸停時沒有改變?

為什麼我的背景顏色在懸停時沒有改變?

DDD
DDD原創
2024-12-17 16:14:19476瀏覽

Why Isn't My Background Color Changing on Hover?

懸停時背景顏色的過渡效果

您正在嘗試將滑鼠懸停在選單項目上時為背景顏色創建過渡效果,但事實並非如此工作。

原因:

如同在接受的答案中所提到的,背景顏色的 CSS 轉場可能與舊版的瀏覽器不相容。 Internet Explorer 10 以下版本等瀏覽器不支援背景顏色的 CSS 轉場。

解決方案:

為了確保跨瀏覽器相容性,請使用供應商前綴或秋季-返回屬性:

a {<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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn