【发布时间】:2011-12-14 05:49:45
【问题描述】:
我正在尝试使用 pie 获得圆角:
ul li{
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
color: #FFFFFF !important;
float: left;
font-size: 16px;
font-weight: bold;
height: 24px;
margin-top: 14px;
padding: 15px 15px 5px;
text-align: center;
text-decoration: none;
background: url("../nImg/comunHomeSprite.png") no-repeat scroll -5px -4172px transparent;
behavior: url(../nJs/pie/PIE.htc);
}
CSS 文件位于:/nCss/mycss.css
Html 文件位于:/home/html/index.html
Pie .htc+.js 在:/nJs/pie/PIE.htc(还有 PIE.js,但我不确定 .js 的用途是什么)
路径应该是相对于 .css 文件还是相对于 .html 文件?
问题是我没有看到这个角是圆的:(
-编辑-
甚至尝试将 .htc 文件托管在 http://toniweb.us/recursos/PIE.htc 中,但仍然无法正常工作
我做错了什么?
-编辑-
尝试过:
{
position:relative;
zoom:1;
behavior: url(http://toniweb.us/recursos/PIE.htc);
}
不工作
{
position:relative;
zoom:1;
behavior: url(/nJs/pie/PIE.htc);
}
或
{
position:relative;
zoom:1;
behavior: url(../../nJs/pie/PIE.htc);
}
也不行:S
注意:我也下载了这个例子:http://css3pie.com/demos/tabs/
并更新了 PIE.htc 文件 /PIE.htc @ /pie/PIE.htc 的路径(并移动了 .js 和 .htc 文件)并且不再工作了。就像只有在同一路径中时才会醒来作为 .html,不幸的是,这不适合我..
【问题讨论】:
-
极少数情况下,IE 的副本可能会在没有 VML 库的情况下安装。它不寻常,但确实会发生,并且会破坏 PIE。如果您可以在 PIE 主页上的示例中看到圆角,那么这不是问题,但如果您在那里也看不到圆角,那么您可能会遇到此问题。
-
我可以在网站上查看在线示例
-
您说您不确定 .JS 的用途:它是同一脚本的纯 Javascript 版本,适用于不能或不想使用
behavior样式的人。 (也许他们想将它与其他脚本集成?)。它也比.HTC版本更容易调试。 -
在解决问题方面,您能否使用绝对 URL 路径而不是相对路径?我一直用 PIE 这样做,而且它总是对我有用。所以
behavior:url(/mydir/PIE.htc);而不是../mydir/etc。 -
啊哈。谢谢(你的)信息。我用更多信息编辑了问题;实际上我认为尝试了各种路径..:S
标签: css path internet-explorer-7 css3pie