このサイトにはナビゲーションボタンがあります:http : //www.dermatologypartners.com角が丸く、グラデーションがあり、境界線が2pxです。
IE9は境界線をカーブさせますが、ボックスはカーブさせません。助言がありますか?
IE9だけに白い境界線を付けたくない場合、CSSに何を追加しますか?(条件付きコメントのコツは一度もありません。)
これがnavコードです-これは「デスクトップファースト」と書かれたレスポンシブサイトなので、デスクトップバージョンのnavコードは次のとおりです。
#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;
}
よろしくお願いします!