【问题标题】:Unable to get PIE to work for border-radius in IE8无法让 PIE 为 IE8 中的边界半径工作
【发布时间】:2012-11-26 21:38:02
【问题描述】:

我的 CSS 中有这个:

.myAwesomeElement {
    position: relative;
    z-index: 0;
    zoom: 1;
    border: 1px solid #999;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    background: #6699CC;
    behavior: url(PIE.htc);
}

我的 HTML 中有这个

 <input type="button" class="myAwesomeElement" value="#myAwesomeElement" onClick="">

PIE.htc 文件位于 HTML 文件所在的根目录中。

当我在 IE8 中查看时,按钮会显示,但它没有圆角。

我错过了什么吗?

【问题讨论】:

  • 不,它在一个 CSS 文件中,该文件位于从根目录下的文件夹中。

标签: html css internet-explorer css3pie


【解决方案1】:

CSS 中的文件路径是相对于样式表的,而不是根目录。

试试:

behavior: url(/PIE.htc);

【讨论】:

  • 我刚试过这个,它也不起作用。我已经读过,对于 PIE,文件路径不是 CSS 文件的相对路径,而是 HTML 文件的相对路径。
  • @cryztal6 我不这么认为。它是一个 htc 文件,对于 PIE 没有特定的规则。如果您的文件实际上位于根目录中,/PIE.htc 看起来是正确的。
  • 打开你的调试器,看看页面加载时是否得到 .htc 文件的 404。
  • 我在 Chrome 中使用调试器。我在控制台选项卡下看不到任何有关 HTC 文件的错误消息。当然边界半径在 Chrome 中工作正常,我遇到了 IE8 的问题。我不确定我是否在调试器中寻找正确的位置。它在某些图像上显示“无法加载资源”,所以我想是的。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-09-16
  • 1970-01-01
  • 1970-01-01
  • 2014-04-30
相关资源
最近更新 更多