Question

我在这个网站上有导航按钮：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;
}

非常感谢！

Answer 1

我能够使用条件注释删除白色边框。不是最好的解决方案，但体面。

IE9：border-radius + gradient + border不会混合，但在其他地方看起来很好。做什么？

1 个答案: