Question

好的，在IE8以外的任何其他浏览器中一切正常。我连接了pie.htc来修复IE8圆角的问题。一切正常。然后我发现IE8的html5存在一些问题。这就是我使用html5shiv.js的原因。现在一切都很好，但是一些圆角再次变得平方。它只发生在一个div内。

在使用pie.htc + html5shiv.js的IE8中，所有其余的圆角仍然很好看。我的意思是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 solution创建圆角：

 <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>

<强>参考文献：

IE8 + pie.htc：添加html5shiv.js再次破坏圆角

1 个答案: