就像我所说的那样,它在网站上的其他地方使用相同的CSS。
它适用于Chrome。
这是完整的页面:anthonyotislawrence.com
它适用于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; }
解决方法
看起来FF不会转换默认值。它们必须在原始元素之前被声明,然后才能转换到新的属性。