html - IE8 + pie.htc : adding html5shiv. js再次破坏圆角

标签 html internet-explorer-8 rounded-corners css3pie html5shiv

好的,除 IE8 外,在任何其他浏览器中一切正常。我已连接 pie.htc 以解决 IE8 的圆角问题。一切正常。然后我发现了 html5 for IE8 的一些问题。这就是我使用 html5shiv.js 的原因。现在一切都很好,但是一些圆角又变成了方形。它只发生在一个分区内。

使用 pie.htc + html5shiv.js,所有其他圆角在 IE8 中看起来仍然不错。我的意思是 html5shiv.js 没有破坏它们。

我试图解决那个角落的问题,但没有成功: 我搬家了

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

在 css 加载之前启动。 另外,我把 !important 放在 .父类(super class){ 行为:url(/PIE.htc); position:relative!重要; } 用于修复该父类(super class)的 IE8 圆角。

此外,我尝试使用以下 3 个字符串的大多数组合来添加:

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

但没有任何帮助。 还能做什么?一旦我删除

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

角再次变圆。 有任何想法吗? 谢谢。

最佳答案

使用条件注释和 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>

引用资料:

关于html - IE8 + pie.htc : adding html5shiv. js再次破坏圆角,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13360869/

相关文章:

javascript - 在 html/mvc 中实现对表列的拖放

html - 标准化具有未知子项的元素上的感知填充

wpf - 将元素拖到边框时, Canvas 上的圆角消失

javascript - 停止打开多个对话框窗口

java - Freemarker 中的嵌套表达式

html - minmax 行为,灵活的 css 网格

css - Bootstrap 响应能力在 WordPress 网站上的 ie8 中不起作用

css - 有没有人让 IE8 读取编码为 base64 数据 URI 的 DHTML 行为?

css - youtube 嵌入式视频作为带边框半径的 iframe

android - 如何在 Jetpack Compose Canvas 中绘制圆角多边形?