Закругленные углы на Div. Проблема только с Internet Explorer! - PullRequest
Новая
       12

Закругленные углы на Div. Проблема только с Internet Explorer!

2 голосов
/ 06 апреля 2010

Кто-нибудь испытывал какие-либо проблемы с созданием закругленных углов на Div? Я использую плагин jQuery от http://jquery.malsup.com/corner/

Проблема в том, что верхние углы не округляются в Internet Explorer. Прекрасно работает с Firefox! Кто-нибудь получил совет?

Вот мой код: 

<script type="text/javascript">

        $(document).ready(function() {
            $("#panel").corner("10px");
        });

</script>

Вот округленный div: 

<div ID="panel">test</div>

Ответы [ 3 ]

2 голосов
/ 06 апреля 2010

IE не поддерживает HTML5 или CSS3, поэтому, глядя на этой тестовой страницы, которую вы предоставили , ясно, что она не будет работать в IE, поскольку примеры на этой странице изменяют свойства CSS, которые IEне предназначен для обработки.

РЕДАКТИРОВАТЬ: После повторного просмотра примера (в этот раз в IE, как я должен был в первый раз) благодаря комментарию, я не знаю, почему ваша вещьсломан в IE.

0 голосов
/ 06 апреля 2010

У меня были похожие проблемы с использованием этого плагина. Я использовал селекторы классов, чтобы сделать это:

$('.header_box').corner("top round 10px")

0 голосов
/ 06 апреля 2010

У меня было много проблем, чтобы заставить любой код IE с закругленными углами работать на фоне, который не был сплошным.

В конце концов мне пришлось воспользоваться решением .gif.

Это будет поддерживаться в IE9.

...