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);
}

nav 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/

webkit不会变换

1 个答案: