ie-css3.htc 放在服务器上为什么不起作用

ie-css3.htc放在服务器上，也可以正常访问，为什么在IE8上看不到效果呢，百思不得其解呀，你们觉得是什么问题呢？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
          .cricle{width:100px;height:100px;background: red;border-radius: 50%;position: relative;behavior: url(http://kom3.eisoo.com/css/ie-css3.htc); } 
    </style> 
</head>
<body>
   <div class="cricle"></div>
</body>
</html>

css3

阅读 7.6k

7 个回答

秋刀鱼Bin

亲测可以。你直接放根目录下看看
图片描述

图片描述

末名

12332738

发布于
2016-11-03

你怎么弄的呀，为啥我的不行？

陈沐晴

发布于
2016-11-26

新手上路，请多包涵

css3 ie9以上支持

起风了

54811427

发布于
2016-11-28

更新于
2016-11-28

哈哈，被我猜到了，不支持跨域。

如果放在网站根目录下，以http://127.0.0.1/index.html访问时，CSS文件中就不可以写behavior: url(http://localhost/ie-css3.htc);而是写behavior: url(http://127.0.0.1/ie-css3.htc);但是最好使用相对路径如果css文件与ie-css3.htc在同一文件夹下，写behavior: url(ie-css3.htc);

测试环境：windows7 + IE8

另外：

当前元素一定要有定位属性，像是position:relative或是position:absolute属性。
z-index值一定要比周围元素的要高
border-radius只设置一个角无效
box-shadow中的颜色只可设置#000
text-shadowIE下的表现与Firefox/Safari/Chrome有一点点的差异，原因不详
参考：让IE6/IE7/IE8浏览器支持CSS3属性