为什么我的CSS3转换不能在火狐中工作？
为什么我的CSS3转换不能在火狐中工作？
提问于 2011-05-22 04:25:29
据我所知，它在网站的其他地方使用相同的CSS。它可以在Chrome上运行。这是完整的页面: anthonyotislawrence.com
以下是不起作用的部分：
<a class="socialBox linkedIn">
<h3>LinkedIn</h3>
<p>linkedin.com/anthonyotislawrence</p>
</a>
<a class="socialBox facebook">
<h3>Facebook</h3>
<p>facebook.com/anthonyotislawrence</p>
</a>和CSS
.socialBox {
display:block;
min-width:200px;
padding:4px 0 4px 55px;
height:40px;
line-height:20px;
background-repeat:no-repeat;
background-position:left center;
position:relative;
-webkit-transition: all .5s ease-out;
-moz-transition: all .5s ease-out;
transition: all .5s ease-out;
text-decoration:none;
margin:30px 0;
}
.socialBox.linkedIn {
background-image:url(../images/linkedin.png);
}
.socialBox.facebook {
background-image:url(../images/facebook.png);
}
.socialBox:hover {
left:15px;
cursor:pointer;
}
.socialBox:hover p {
text-decoration:underline;
}回答 2
Stack Overflow用户
回答已采纳
发布于 2011-05-22 04:31:00
看起来FF不会转换默认值。它们必须在原始元素上声明，然后才能转换为新的属性。
Stack Overflow用户
发布于 2014-11-13 07:22:15
我遇到了一个类似于OP的问题，我的转换可以在除Firefox之外的所有浏览器中工作。在我的例子中，我的时间间隔为0秒。我只用了0，而不是0。这导致转换在Firefox中完全不起作用。我不认为这是OP的问题，但在这里发帖，以防它对其他人有帮助。
这在Firefox中不起作用：
top 0 linear 1s这是可行的：
top 0s linear 1s页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6084268
复制相关文章
相似问题