Question

我一直在浏览网页，我发现了一些建议您可以使用名为bprder-radius.htc的文件来使边框半径属性在IE中工作。

我已经添加了它建议的代码，但似乎无法让它工作。

这是我的源代码

<div class="body">

<div class="menu">

    <p><a class="menuButton">Home</a></p>

    <p><a class="menuButton">Availability</a></p>

    <p><a class="menuButton">Treatments</a></p>

</div>

</div>

我的CSS

    .body {margin:auto; width:1096px; height:500px;}

.menu {position:relative; top:150px; overflow:hidden; -moz-opacity:.70; filter:alpha(opacity=70); opacity:.70; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; behavior: url(border-radius.htc);}

.menu p {text-align:center; width:124px; float:left; border:solid 1px #e94f7b; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px;}

这是我在IE中使用此代码获得的内容

这就是它应该是什么

为什么这不起作用的任何想法？

提前致谢

修改

链接到页面 - http://jamietaylor-webdesign.com/cms/

Answer 1

htc文件需要mimitype of text / x-comopnent

我用来执行此操作的方法是将.htc文件放在具有 .htaccess 文件的目录中，并使用以下命令。

AddType text/x-component .htc

如果你的.htaccess文件中有这个，那么.htc可能已经被基于uniq和基于windows的web主机之间的FTP二进制文件与文本上传/下载损坏。

获取新副本 - 首先在本地计算机上尝试 - 使用.htaccess上传

IE-CSS3 http://fetchak.com/ie-css3/为您提供的功能不仅仅是角落。

边界半径箱阴影文字阴影

Answer 2

查看compass构建的sass。其中一个有趣的compass integrations是PIE。

PIE看起来类似于之前提到过的IE-CSS3 http://fetchak.com/ie-css3/。

即使我正在使用.htc文件，IE中的border-radius也无法正常工作

2 个答案: