IE8 + pie.htc: добавление html5shiv.js снова разрушает закругленные углы

Question

ОК, все отлично работает в любом другом браузере, кроме IE8. Я подключил pie.htc, чтобы исправить проблемы с закругленными углами для IE8. Все отлично работает Тогда я обнаружил некоторые проблемы с HTML5 для IE8. Вот почему я использовал html5shiv.js. Сейчас все хорошо, но НЕКОТОРЫЕ закругленные углы снова стали в квадрате. Это произошло только в течение одного деления.

Все остальные закругленные углы все еще хорошо выглядят в IE8 с pie.htc + html5shiv.js. Я имею в виду, что html5shiv.js не сломал их.

То, что я пытался решить проблему с этими углами, но не повезло: я переехал

<!--[if lt IE 9]>
<script src="path/to/html5shiv.js"></script>
<![endif]-->

до загрузки css. Кроме того, я ставлю! Важно, чтобы быть уверенным в.superclass{поведение: url(/PIE.htc);! Положение: относительное важное значение; } который был использован для исправления закругленных углов IE8 для этого суперкласса.

Кроме того, я попытался добавить, используя большинство комбинаций из 3 строк, которые приведены ниже:

  z-index: 1;
  *position:relative!important;
  *z-index: 1;

но ничего не помогает. Что еще можно сделать? Как только я удаляю

<!--[if lt IE 9]>
<script src="path/to/html5shiv.js"></script>
<![endif]-->

углы снова закруглены. Есть идеи? Спасибо.

Answer 1

Используйте условные комментарии и решение HTML/CSS для создания закругленных углов:

 <div class="container">
   <b class="rtop">
      <b class="r1"></b>
      <b class="r2"></b>
      <b class="r3"></b>
      <b class="r4"></b>
   </b>
     CONTENTS GOES HERE
   <b class="rbottom">
     <b class="r4"></b>
     <b class="r3"></b>
     <b class="r2"></b>
     <b class="r1"></b>
   </b>
 </div>

Рекомендации:

• Скругленные углы с использованием CSS и без изображений
• Коренастый Границы