2

由于某种原因,我似乎无法让 css 转换工作。我确信这是一个非常简单的错误。但我已经把头撞在墙上一个小时了。我在 Windows 7 64 位上使用 mozilla firefox 4.0.1。

<style>
a:link {
 transition: color 1s ease-in-out;
 color: #fff;
 text-decoration: none;
 text-shadow: 1px 1px #000;
}

a:hover {
 color: #0072bc;
 text-decoration: none;
 text-shadow: 1px 1px #000;
}
</style>
<a href="#">test</a>
4

4 回答 4

1

CSS 过渡是实验性的,但在某些引擎中实现。您需要使用特定的属性:

-moz-transition /* for gecko based like firefox*/
-webkit-transition /* for  chrome safari ... */
-o-transition /* for opera*/
于 2011-05-14T20:28:19.327 回答
0

您需要使用-moz-前缀,因为它还没有标准化。所以:

-moz-transition: color 1s ease-in-out;
于 2011-05-14T20:27:46.990 回答
0

这也可以用 jquery / jquery ui 来完成,所以我在这里的所有浏览器中工作 =) http://docs.jquery.com/UI/Effects/ClassTransitions

于 2011-05-14T21:34:17.810 回答
0

您应该查看用于 CSS 创作的 SASS 框架。您不必担心实验依赖,因为框架会为您处理所有这些。

于 2011-05-15T00:30:16.440 回答