Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS3Pie v1.0-在IE9中没有渐变,在IE8中工作_Html_Css_Css3pie - Fatal编程技术网

Html CSS3Pie v1.0-在IE9中没有渐变,在IE8中工作

Html CSS3Pie v1.0-在IE9中没有渐变,在IE8中工作,html,css,css3pie,Html,Css,Css3pie,我正在尝试使用CSS3Pie(v1.0)和IE9获得线性渐变 奇怪的是,这个演示可以在IE9上运行,但是在我的网站上,使用演示中使用的相同CSS是行不通的。它与IE8一起工作,因此我知道PIE正在工作并且在正确的位置(为了测试,如果我注释掉行为:url(/css/PIE.htc);,它将停止工作) 以下是我正在使用的CSS: .test { padding: 20px; text-align: center; width: 200px; height:100px; -webkit-border-

我正在尝试使用CSS3Pie(v1.0)和IE9获得线性渐变

奇怪的是,这个演示可以在IE9上运行,但是在我的网站上,使用演示中使用的相同CSS是行不通的。它与IE8一起工作,因此我知道PIE正在工作并且在正确的位置(为了测试,如果我注释掉
行为:url(/css/PIE.htc);
,它将停止工作)

以下是我正在使用的CSS:

.test {
padding: 20px;
text-align: center;
width: 200px;
height:100px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: #666 0px 2px 3px;
-moz-box-shadow: #666 0px 2px 3px;
box-shadow: #666 0px 2px 3px;
background: #FF7777;
position:relative;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF7777), to(#c40808));
background: -webkit-linear-gradient(#FF7777, #c40808);
background: -moz-linear-gradient(#FF7777, #c40808);
background: -ms-linear-gradient(#FF7777, #c40808);
background: -o-linear-gradient(#FF7777, #c40808);
background: linear-gradient(#FF7777, #c40808);
-pie-background: linear-gradient(#FF7777, #c40808);
behavior: url(/css/PIE.htc);
}

我宁愿不使用IE过滤器,因为没有它们演示似乎可以工作

我已经读过了,但是自从演示开始,这个问题已经有一年了,PIE现在在1.0版上,我一定是做错了什么


你知道该怎么办吗?

IE9中的失败通常是由于内容类型标题不正确造成的。其他IE版本也有这个问题,但IE9似乎对此更为严格。详细信息请参见。

我非常头疼,因为即使有正确的内容类型标题(text/x-component),线性渐变在IE9上也不起作用

升级到PIE 2.0解决了这个问题


(与我在这个问题中给出的相同:)

尝试使用绝对路径(with
http://localhost/
等),看看它是否改变了什么我发现使用javascript实现PIE比使用HTC实现效果更好。但是我只使用PIE来支持border radius。Teddy:这是一个高容量的公共站点,因此在页面加载后重新呈现有点令人担忧,不幸的是。我知道IE9在早期版本的PIE中也存在这个问题。不过我混入了一些过滤器。试着省略
-饼状背景,这是不必要的,也许这会导致问题。克里斯托夫:对不起,这个建议不太靠谱(它目前被用作:/css/PIE.htc GET 200 text/html 8.26 KB。我会尝试一下你的建议。lojjic:只是想知道PHP头方法是否有任何缺点。加载速度慢吗?加载本身不应该慢,但它可能不会像静态资源一样被缓存。