Question

使用border-radius我正在创建cirlce来支持border-radius我正在使用CSS3 pie然后也就是说它无法正常工作。
我把CSS3饼图文件放在我的主题文件夹＆amp;在style.css中编写代码：

#sidebar {
 width:140px;
 height:140px;
 margin:0 auto;
 -moz-border-radius: 70px;
 -webkit-border-radius: 70px;
 border-radius: 70px;
 behavior: url(PIE.htc);
 background-color:#fff;
 position:relative;
 z-index: 0;
}

Answer 1

将URL设为绝对值不是最简单的黑客;

#sidebar {
 width:140px;
 height:140px;
 margin:0 auto;
 -moz-border-radius: 70px;
 -webkit-border-radius: 70px;
 border-radius: 70px;
 behavior: url(http://yoursite.com/wp-content/themes/themename/css/PIE.htc);
 background-color:#fff;
 position:relative;
 z-index: 0;
}

我必须在令人烦恼的安装上做到这一点，这种安装永远不会对相对路径起作用。

Answer 2

.htc文件需要它们的路径相对于站点的根目录。

CSS路径与样式表相关。这是微软再次成为害虫。

将PIE.htc文件移动到您网站的根目录，这应该可以。

Answer 3

您需要将pie.htc放在根目录中。像www.domainname.com/PIE.htc这样的东西，或者如果你在本地机器上开发，那么http://localhost/[your installation folder]/PIE.htc。

希望这有帮助！

在ie8中与Wordpress的CSS3 Pie集成不起作用

3 个答案: