HTML – CSS-过渡不起作用

概述大家好,我正在尝试进行转换,当你悬停背景变成紫色,文字颜色变成白色.(原来没有背景颜色,文字颜色是黑色……) 但它不起作用！ 我做错了什么！？ a:hover { color: white; -webkit-transition: color 1000ms linear; -moz-transition: color 1000ms linear; -o-transi 大家好,我正在尝试进行转换,当你悬停背景变成紫色,文字颜色变成白色.(原来没有背景颜色,文字颜色是黑色……)

但它不起作用！

我做错了什么！？

a:hover {    color: white;    -webkit-Transition: color 1000ms linear;    -moz-Transition: color 1000ms linear;    -o-Transition: color 1000ms linear;    -ms-Transition: color 1000ms linear;    Transition: color 1000ms linear;    background-color: purple;    -webkit-Transition: background-color 1000ms linear;    -moz-Transition: background-color 1000ms linear;    -o-Transition: background-color 1000ms linear;    -ms-Transition: background-color 1000ms linear;    Transition: background-color 1000ms linear;}

所以///编辑,因为每个人都告诉我将其添加到a而不是：hover …

初始状态：

text-color:black;background:none;

悬停状态：

顺利过渡到：

text-color:white;background:black;

我希望这能帮助所有人
谢谢你的时间！

解决方法 把它们放在a(而不是悬停)上.如果你想要多次转换,你必须将它们一起声明.

-webkit-Transition: color 1000ms linear,background-color 1000ms linear;

http://jsfiddle.net/4zhnP/1/

总结

以上是内存溢出为你收集整理的HTML – CSS-过渡不起作用全部内容，希望文章能够帮你解决HTML – CSS-过渡不起作用所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。