为什么我的背景颜色在悬停时没有改变？

悬停时背景颜色的过渡效果

您正在尝试将鼠标悬停在菜单项上时为背景颜色创建过渡效果，但事实并非如此工作。

原因：

正如接受的答案中提到的，背景颜色的 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中文网其他相关文章！