4

好的，在任何其他浏览器中一切正常，除了 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 加载之前启动。另外，我放 !important 只是为了确保 .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]-->

角落再次变圆。有任何想法吗？谢谢你。

4

1 回答 1

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>

参考：

于 2013-06-07T17:10:59.117 回答