способ переопределить границы, когда border-radius не поддерживается - PullRequest
Новая
       27

способ переопределить границы, когда border-radius не поддерживается

0 голосов
/ 23 марта 2012

Мне интересно, есть ли способ не показывать границы, когда радиус границы не поддерживается, без необходимости специально нацеливать определенные браузеры / использовать модернизатор.(У меня есть фоновое изображение, которое появляется, когда отсутствует поддержка градиента, которое включает градиенты и округленные границы, но, конечно, градиент отображается вокруг него). 

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;

}

1 Ответ

0 голосов
/ 23 марта 2012

Лучшим решением было бы использовать javaScript, чтобы определить, поддерживается ли он, а затем выполнить что-либо при любых условиях.

Похоже, вы ищете не-JavaScript-подход, (В общем) вам нужно беспокоиться только о IE8 и ниже, а для этого просто используйте условный CSS. 

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