Question

我想知道是否有一种方法可以在不支持边框半径时不显示边框，而无需专门针对某些浏览器/使用现代化器。（我有一个背景图像，当没有渐变支持时会显示，包括渐变和圆角边框，但当然渐变显示在它周围）。

li.toplevel {
font-size: 17px;
margin: 0px;
padding: 12px 18px;
height: 100px;
background: #eeeeee url('../images/headWig.gif') repeat-x; /* Old browsers */
background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(top, #eeeeee 0%,#dddddd 100%); /* W3C */
border: 1px solid #BBB;
-webkit-border-radius: 8px;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius: 8px;
-moz-border-radius-bottomright: 0;
border-radius: 8px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 8px;

}

Answer 1

最佳解决方案是使用javaScript检测它是否受支持，然后在任何条件下执行任何操作。

好像你正在寻找一种非JavaScript的方法，（一般来说）你只需要担心IE8及以下，并且只需使用条件CSS。

<!--[if lte IE 8]>
CSS to Override borders etc
<![endif]-->

不支持border-radius时覆盖边框的方法

1 个答案: