css - webkit不会转换

Question

当我使用转换时，它适用于除 chrome 和 safari 之外的所有浏览器。它适用于其他一切。我发布了我需要帮助的部分。谢谢！

#top-nav{
background: #94b3c8;
text-align: cemter;
}

#top-nav dt {
display: inline-block;
padding-left: 30px;
font: 20px Tahoma;
color: white;
padding-bottom: 3px;
}

#top-nav a:active{
color: white;
text-decoration: underline;
}

#top-nav a:link{
color: white;
text-decoration: none;
}

#top-nav a:visited{
color:white;
text-decoration:none;
}

#top-nav a:hover{
color: white;
text-decoration: underline;
-webkit-transform: scale(1.2, 1.2);
-ms-transform: scale(1.2, 1.2);
-moz-transform: scale(1.2, 1.2);
-o-transform: scale(1.2, 1.2);
transform: scale(1.2, 1.2);
}

导航 Html。我不认为这是问题所在。（尽管它可能与使用 dl 而不是 ul 有关）：

<nav id='top-nav'>
            <dl>
                <dt> <a href='index.html'> Home </a></dt>
                <dt> <a href='FAQ.html'> FAQ </a> </dt>
                <dt> <a href='contact.html'> Contact </a></dt>
            </dl>
        </nav>

Answer 1

添加display:block;到#top-nav a:link{

演示：http:
//jsfiddle.net/QaYx7/1/