1

好吧,我在 asp.net 中使用了 css3pie,但它不起作用。我尝试了所有可能的解决方案。搜索了很多论坛,但未能在 asp.net 中正确使用 PIE。让我向您展示我的项目结构。

我的项目层次结构中有母版页和内部母版页。
css3pie 正在处理那些不使用母版页的页面。我的 css 和 .htc 文件如下

    • css
    • 脚本

当我使用没有母版页的 css3PIE 时,它可以工作:

<script type="text/javascript" src="../Scripts/html5.js"></script>        

<link href="css/IE.css" rel="stylesheet" type="text/css" />

上面的代码正在工作。但是当我使用任何页面与主人。它不工作。我的 CSS 看起来像这样:

behavior: url('../Scripts/PIE.htc');

css 放在 IE.css 文件中。您可以在上面的代码中看到。请记住,我尝试了所有可能的组合来在 css 中引用 .htc

behavior: url('../Scripts/PIE.htc');

behavior: url('/Scripts/PIE.htc');

behavior: url('/PIE.htc');

behavior: url('PIE.htc');

with and without quotes

还有一件事。很多人说这是由于相对路径。好吧,我测试了这些东西。当我在 IE 的开发工具中查看呈现的 html 时。它应用了该行为但不起作用。请帮我。将不胜感激。提前致谢

4

2 回答 2

1

好的,我解决了这个问题。所以我在这里写信是为了帮助其他人。当您在 asp.net 中使用母版页并且使用 .htc 文件作为 css 中的相对路径时,请使用位置作为相对路径。对于使用 css3 样式的目标元素。例如 css 类是圆盒

<style>
.round-box
{
  border: 1px solid #696;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  behavior: url(PIE.htc);
}
</style>

我们将应用 .round-box 样式的 html 元素是

<div class="round-box">This is a round Div<div>

所以那些有圆角问题的人不能在 IE 上工作,只需将 IE 放在特定位置:相对于 IE 浏览器之类的。

 <!--[if lt IE 9]>
    <style>        
        .round-box
        {
            position: relative;
        }       
    </style>
 <![endif]-->

这将解决圆形问题或没有可见边框的问题。请记住 position:relative 会影响子元素。明智地使用它

于 2012-01-31T11:50:49.750 回答
1

这不是路径问题......它与 Web 服务器了解如何提供 .htc 文件有关。包含一个用于 PHP 的包装脚本,您可以从它开始并为 IIS 调整它。

于 2012-12-14T18:03:31.210 回答