好的,除 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/