懸停時背景顏色的過渡效果
您正在嘗試將滑鼠懸停在選單項目上時為背景顏色創建過渡效果,但事實並非如此工作。
原因:
如同在接受的答案中所提到的,背景顏色的 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中文網其他相關文章!