【问题标题】:pieCSS3: Not rounding in localpieCSS3:本地不四舍五入
【发布时间】: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


【解决方案1】:

直接来自 CSS3PIE 页面:

注意:此路径是相对于正在查看的 HTML 文件的,而不是调用它的 CSS 文件。

这是入门的第 4 步。 http://css3pie.com/documentation/getting-started/

【讨论】:

  • @Toni 尝试暂时移动到与您的 index.html 文件相同的目录并测试它是否首先有效。如果这不起作用,则其他错误。如果它确实有效,则可能存在某种访问问题,也许您的网络服务器找不到该文件?但请先尝试以确保。
  • ok 会尝试以防万一 - 尝试使用绝对路径,但仍然没有 -
  • 与 .htc 在同一个 .html 文件夹和行为:url(PIE.htc);也不工作:S
  • 我不确定,但 CSS3PIE 可能无法做不同的圆角。您可能必须绕过所有角落才能使其正常工作。试试border-radius:8px 看看会不会有什么改变。
  • 是的,它确实查看了网站上的示例-也将其发布在问题中-无论如何按照您所说的进行了尝试,结果是相同的。我确定问题出在路径上..
【解决方案2】:

您的 PIE.htc 文件使用了不正确的 text/plain 内容类型标头。您必须更正此问题以使 IE 正确解释行为文件;详情请见http://css3pie.com/documentation/known-issues/#content-type

【讨论】:

  • 问题是我的网站没有在 apache 下运行,所以它不支持 PHP...(使用 .jsp 文件)
猜你喜欢
  • 1970-01-01
  • 2023-01-12
  • 1970-01-01
  • 2012-08-04
  • 2023-03-26
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多