Question

我有border-radius的问题。我有这样的CSS：

div#askWindow, div#orderWindow{
position: fixed;
top: 17%;
left: 50%;
margin-left: -128px;
width: 257px;
background-color:#fff;
padding:10px 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-khtml-border-radius: 20px;     
border-radius: 20px;
behavior: url(PIE.htc);}

实际上，它是jqModal窗口的CSS，但我尝试过没有插件的东西。在IE8中，它没有任何效果。 IE7似乎也是一样。我在哪里错了？

Answer 1

CSS border-radius属性（以及所有浏览器变体）在IE8或更低版本中不起作用。这些版本没有实现CSS3。

编辑＃1

因为您使用的是CSS3PIE，请确保规则文件的路径正确无误。它相对于样式表位于何处？

编辑＃2

CSS3PIE站点在其根服务器目录中托管其PIE.htc文件。尝试将其放在那里，并在样式表中使用behavior: url(/PIE.htc)。

Answer 2

根据我对this page和给定示例的理解，如果您使用的是url（name.htc），则必须将.htc放入文档的同一文件夹中，而不是在css文件夹中，除非它也是你的文件所在的目录。

即。相对URL是相对于文档根目录（例如localhost / index.html），而不是相对于定义属性的css的目录（localhost / css /）。

IE中的CSS border-radius问题

2 个答案: