0

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

链接到代码。

所有文件都在 index.html 的同一目录中，可以通过 URL 访问，我相信这应该足够了。我已经尝试将行为标签和位置：相对，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;
}
4

2 回答 2

2

解决了。问题有几件事。

它是如何工作的：

  1. 我在 IE10 上进行测试，但我没有激活导航模式，只有文档模式 IE8。所以只需激活导航模式 IE8。
  2. 导入脚本 PIE.js。.htc 或 .php 无关紧要。
  3. position: relative用和一一设置元素样式z-index: 0

而已。天呐！

于 2013-09-17T17:46:19.983 回答
0

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

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

我把它们按不同的顺序排列，它不起作用......

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

于 2013-11-04T04:09:56.457 回答