pieCSS3:不在本地四舍五入
我正在尝试使用饼图获得圆角:
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 文件?
问题是我没有看到这个角是圆角的:(
-编辑-
甚至尝试在 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 文件),并且不再工作。就像只有在处于 in 时才工作与 .html 相同的路径,不幸的是,这不适合我..
i'm trying to get rounded corners using 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 file is in: /nCss/mycss.css
Html file is in: /home/html/index.html
Pie .htc+.js in: /nJs/pie/PIE.htc (and PIE.js, but i'm not sure what is the .js for)
should path be relative to .css file or to .html file?
The problem is that i'm not seing this corners to be rounded :(
-EDIT-
Even tried to host the .htc file in http://toniweb.us/recursos/PIE.htc and stills not working
what am i doing wrong?
-EDIT-
Tried with:
{
position:relative;
zoom:1;
behavior: url(http://toniweb.us/recursos/PIE.htc);
}
Not working
{
position:relative;
zoom:1;
behavior: url(/nJs/pie/PIE.htc);
}
or
{
position:relative;
zoom:1;
behavior: url(../../nJs/pie/PIE.htc);
}
Not working either :S
Note: I also downloaded this example: http://css3pie.com/demos/tabs/
And updated the path (and moved .js and .htc files) of the PIE.htc file /PIE.htc @ /pie/PIE.htc and is not working anymore.. Like is only woking when is in same path as .html, unfortunatelly that wont fit for me..
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
直接从 CSS3PIE 页面:
这是入门的第 4 步。 http://css3pie.com/documentation/getting-started/
Right from the CSS3PIE page:
That's under step 4 in getting started. http://css3pie.com/documentation/getting-started/
您的 PIE.htc 文件正在使用错误的文本/纯文本内容类型标头。您必须更正此问题以使 IE 正确解释行为文件;请参阅http://css3pie.com/documentation/known-issues/#content-type< /a> 了解详细信息。
Your PIE.htc file is being served with an incorrect content-type header of text/plain. You must correct this to make IE interpret the behavior file correctly; see http://css3pie.com/documentation/known-issues/#content-type for details.