Question

我编写了一个简单的html / css用于测试目的，但我无法使该库工作。我已将.htc，.php和.js文件移动到index.html的同一目录中，它根本不起作用。

所有文件都在index.html的同一目录中，可以通过URL访问，我相信这应该足够了。我已经尝试将行为标记和位置：relative，z-index：0放在css文件中，但IE无法看到这些属性。

代码： HTML

<link rel="stylesheet" type="text/css" href="index.css">
<script src='jquery.js'></script>
<script src='PIE.js'></script>
<body>
<div>test</div>
</body>

CSS ：

 div {
     float: left;
     position: relative;
     z-index: 0;
     width: 300px;
     height: 300px;
     -webkit-border-radius: 10px;
     -moz-borderradius: 10px;
     border-radius: 10px;
     -pie-box-shadow: 1px 1px 10px #000;
     box-shadow: 1px 1px 10px #000;
     behavior: url(PIE.htc);
     background-color: red;
}

Answer 1

解决了它。问题有几个。

工作原理：

我在IE10上测试但我没有激活导航模式，只有文档模式IE8。所以只需激活IE8的导航模式。
导入脚本PIE.js. .htc或.php并不重要。
使用position: relative和z-index: 0

就是这样。 TNKS！

Answer 2

我发现您设置不同浏览器兼容性规则的顺序非常重要：

border-radius
then -moz
then -ms
then -webkit

我按照不同的顺序让它们不起作用......

也许它会帮助别人......

CSS3 PIE不适用于border-radius和box-shadow

2 个答案: