PIE.htc在IE8中不能与YUI3一起使用

时间:2012-03-22 04:48:38

标签: css3 internet-explorer-8 yui3

我正在使用PIE进行阴影,半径边框和渐变,但这些都不适用于IE8。

以下是我用于半径和阴影的代码示例。

.conflict暗示体左{

border-right:2px solid #FDFDFD;
border-bottom:2px solid #FDFDFD; 
border-top:1px solid #B8B8B8;
float: left;
width: 49%;
margin-left:1px;
-moz-box-shadow: 1px 1px 2px #000;
-webkit-box-shadow: 1px 1px 2px #000;
box-shadow: 1px 1px 2px #000;
border-radius:0 0 2px 2px;
behavior: url(PIE.htc);

}

以下是我用于渐变的代码示例。

.yui3-widget-hd {

background: #C9D2DD;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#D8D8DA', endColorstr='#B6CAD5');    
background: -webkit-gradient(linear, left top, left bottom, from(#D8D8DA), to(#B6CAD5));
background: -moz-linear-gradient(0% 100% 90deg, #B6CAD5 35%, #D8D8DA 83%, white 100%) repeat scroll 0 0 transparent;
border: 1px solid #F3FAFE;
border-radius: 0.435em 0.435em 0 0;
behavior: url(PIE.htc);
height: 33px;
margin: 0;
width: 97%;
cursor: default;

}

提前感谢您的协助。

2 个答案:

答案 0 :(得分:0)

您应该将行为网址指定为绝对路径:

http://css3pie.com/documentation/known-issues/#relative-paths

也许这可以解决你的问题。

答案 1 :(得分:0)

我认为这是你的网址问题..试试这个

behavior: url(//Yoursite.com/path/to/PIE.htc);