Asp.net 中的 css3PIE 或 PIE.htc答案

【问题标题】：css3PIE or PIE.htc in Asp.netAsp.net 中的 css3PIE 或 PIE.htc
【发布时间】：2023-04-04 23:19:02
【问题描述】：

好吧，我在 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 时。它应用了该行为但不起作用。请帮我。将不胜感激。提前致谢

【问题讨论】：

如果您在浏览器中尝试使用 http:// 的完整 URL 会怎样，您是否获得了文件？还是您收到 404 或其他 http 错误？
Arief 感谢快速重播。我可以得到 .htc 文件
好吧，当我尝试像localhost:51281/scripts/PIE.htc 这样的完整网址时，它给了我下载 Pie.htc 文件的选项。这意味着正确指定了路径。
在您的 CSS 文件中使用该完整路径，同时检查您的 javascript 文件是否正确加载。
我想我已经尝试过了。但我会再试一次，然后我会告诉你。谢谢

标签： asp.net html css master-pages css3pie

【解决方案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 会影响子元素。明智地使用它

【讨论】：

【解决方案2】：

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

【讨论】：