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

Question

Я использую «malsups» плагин jQuery для угла - 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 = «специальным» имеет закругленные углы - я получить искаженное представление. Я думаю, что его что-то связано с проблемами с привязкой li элементов с использованием

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

Может кто поможет :)?

Edit: Уверенная CSS является

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

Answer 1

ли класс CSS 'главный' определяют цвет фона? Убедитесь, что где-то в родительском дереве установлен цвет фона.

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

Answer 2

Я на самом деле не согласны с использованием этой реализации. Я нашел около 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 находится прямо сейчас, нет простого способа добавить закругленные углы, кроме этих трех способов (которые я знаю). Я считаю, что первым выбором является худший из 3, потому что дополнительная разметка не нужна. Обычно я использую последний, но второй будет загружаться быстрее.

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

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

Metropolis