我在这个网站上有导航按钮:http: //www.dermatologypartners.com,它有圆角、渐变和 2px 边框。
IE9 弯曲边框而不是框。有什么建议么?
如果我不想只为 IE9 设置白色边框,我会在 CSS 中添加什么?(我从来没有完全掌握条件评论的窍门。)
这是导航代码 - 这是一个响应式网站,写成“桌面优先”,所以桌面版本的导航代码是:
#nav {
float:none;
width:19%;
clear:left;
margin:0;
padding:0;
}
#nav ul {
margin-left:-20px;
padding-left:10px;
}
#nav li {
list-style:none;
width:90%;
border:2px solid #fff;
background:linear-gradient(top,#adb0be0%,#ffffff45%,#ffffff55%,#adb0be100%,#ffffff100%,#adb0be100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#adb0be',endColorstr='#adb0be',GradientType=0);
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
text-align:center;
margin:10px;
padding:7px;
}
#nav a:link {
color:#162357;
font:bold 14px/28px 'Gentium Book Basic',"Times New Roman", Times, serif;
text-decoration:none;
display:block;
}
#nav a:hover {
color:#990d24;
font:bold 14px/28px 'Gentium Book Basic',"Times New Roman", Times, serif;
text-decoration:none;
}
#nav a:visited,#nav a:active {
color:#162357;
font:bold 14px/28px 'Gentium Book Basic',"Times New Roman", Times, serif;
text-decoration:none;
}
非常感谢帮助!