Углы JQuery и проблемы IE - PullRequest
Новая
       7

Углы JQuery и проблемы IE

0 голосов
/ 24 марта 2010

Я использую jQuery угловой плагин "malsups" - http://jquery.malsup.com/corner/ - и у меня немного кошмара с IE В основном у меня есть 

<ol><li>
    <span class="main">
        <span class="test1"></span>
        <span class="test2"></span> 
        <span class="test3">
        <span id="test4"></span> 
        <span  id="special" class="special">
            <span class="test4">TEXT</span>
        </span>
    </span>
</li></ol>

По сути, в IE, когда я пытаюсь сделать id = "special" закругленными углами, я получаю искаженное представление. Я думаю, что это связано с проблемами со ссылками на элементы li с использованием 

    jQuery('#special').corner('5px');

Может ли кто-нибудь помочь :)?

Редактировать: Конечно, CSS это 

ol .special {
background-color:#111;
color:#CCC;
padding:10px;
position:relative;
}

Ответы [ 2 ]

0 голосов
/ 25 марта 2010

Я на самом деле не согласен с использованием этой реализации. Я нашел около 3 различных способов сделать закругленные углы. 

1. Adding extra markup (div tags) to create the rounded corners
2. Using right and left rounded corner images
3. Using top image and bottom image with rounded corners on both sides of the images

Ваша реализация использует # 1. Это, вероятно, самый простой в реализации, но по стоимости.

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

Еще одна вещь, проверьте эту страницу (http://jquery.malsup.com/corner/) в IE ..... Она также не работает в IE над его реализацией. Я считаю, что он использует значения CSS с закругленными углами FF, чтобы сделать это .

Надеюсь, это поможет.

Метрополис

0 голосов
/ 24 марта 2010

Класс css 'main' определяет цвет фона? Убедитесь, что где-то в родительском дереве явно задан цвет фона.

ol .main { background-color:#fff; }

...