CSS3PIE 访问被拒绝答案

【问题标题】：CSS3PIE Access is deniedCSS3PIE 访问被拒绝
【发布时间】：2012-05-24 12:46:09
【问题描述】：

我在我的公司网站上工作，主要是改进 CSS。我想消除很多产生圆角、阴影等的小图像。 CSS3 是一个完美的选择，但我们仍然有很多用户使用 IE7 和 IE8，所以我也需要为他们准备这个网站。

找了很多关于CSS3PIE的好意见，难道我下载下来试试用，但是我的IE8不想配合:)。它说：访问被拒绝：PIE.htc 行：0 字符：0 代码：0。我试图将文件放到一个文件夹和不同的文件夹中，在服务器和本地检查这个...我总是有相同的信息.

HTML：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns:og="http://opengraphprotocol.org/schema/">
<head>
<title>title</title>
<link rel="stylesheet" rev="template" type="text/css" href="styles.css">
</head>

<body id="home" class="cols_One">
<div id="wrapper" class="fauxBlock">
        <div id="header">
        <div id="cap">
        <div id="welcome"></div>
        <div id="quicklinks">abc</div>
        </div>
         </div>
    </div>
</body>
</html>

CSS：

#cap {
padding: 0 6px; 
font-size: 12px;
border-left: 1px solid #EEE;
border-right: 1px solid #EEE;
margin-bottom: 2px;
text-align: right;
line-height: 25px;
background: #fcfcfc; /*non-CSS3 browsers will use this*/
background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4) to(#fcfcfc)); /*old webkit*/
background: -webkit-linear-gradient(left top, left bottom, #f4f4f4, #fcfcfc); /*new webkit*/
background: -moz-linear-gradient(#f4f4f4, #fcfcfc); /*gecko*/
background: -ms-linear-gradient(#f4f4f4, #fcfcfc); /*IE10 preview*/
background: -o-linear-gradient(#f4f4f4, #fcfcfc); /*opera 11.10+*/
background: linear-gradient(#f4f4f4, #fcfcfc); /*future CSS3 browsers*/
-pie-background: ulinear-gradient(#f4f4f4, #fcfcfc); /*PIE*/
-moz-box-shadow: 0 2px 2px #d8d8d8;
-webkit-box-shadow: 0 2px 2px #d8d8d8;
box-shadow: 0 2px 2px #d8d8d8;
behavior:url(PIE.htc);

}

编辑：我添加了代码示例

【问题讨论】：

我认为我们需要您如何实现 PIE CSS 的详细信息。我以前从来没有遇到过任何问题。
您网站的结构是什么？您使用什么技术来创建它？
这就是一切。因为它在主站点上不起作用，所以我创建了简单的示例来测试发生了什么......但即使在如此简单的结构上（所有 3 个文件都在同一个目录中），我仍然遇到 IE 问题。我检查了我的 IE 设置并允许行为...

标签： internet-explorer-8 access-denied css3pie

【解决方案1】：

我已经解决了这个问题，将 PIE.htc 的行尾更改为 Unix（不是 Windows）。在 Windows7 + IE7 和 IE8 上测试。

希望对您有所帮助！

【讨论】：

【解决方案2】：

如果 css3pie 作为本地文件而不是在 Web 服务器上运行，则需要在 behavior: 属性中给出完整路径，例如：

behavior:url(C:/foo/PIE.htc);

【讨论】：

【解决方案3】：

我尝试将 PIE.htc 文件放在根文件或 (ex: html file) 旁边。并且在css 文件中使用了完全相同的属性，例如.yourClass{behavior: url(PIE.htc);}。实际上将您的 htc 文件关联到 html 页面而不是 css 文件。它对我有用。 :)

【讨论】：