IE浏览器中的阴影(css3 htc文件)

时间:2010-08-25 13:08:30

标签: javascript html css internet-explorer

我遇到过这个网站:

http://www.fetchak.com/ie-css3/

当我在IE6中输入网址时似乎工作,然后图片中的“cat”在其周围有一个“阴影”效果。

但是,我遵循说明但无法使其发挥作用。

我有一个php文件,可动态输出分类图像。 这些图像附有一个class属性:(如下所示)

  $display_table.="<img src='-----' class='shadow'>";
  echo $display_table;

类阴影位于包含的外部文件中。 这是班级:

.shadow{
    border:none;
    box-shadow: -2px 2px 4px #666;
    border-radius:10px;
    behavior: url(ie-css3.htc);
}

根据网站,这应该工作。但它不...... 是因为我将它应用于图像吗? 或者也许是因为它是一个php文件? 有什么想法吗?

由于

3 个答案:

答案 0 :(得分:1)

您可能想在www.css3pie.com尝试最新选项。

基本上,这个站点支持IE6-9上的几个CSS3设置。我尝试了你的示例代码,它可以正常工作

答案 1 :(得分:0)

尝试添加位置:相对;你的css声明。如果它与CSS3 PIE类似,那么你可能需要添加它。

您可能还想检查是否使用正确的标头调用.htc文件。这也是CSS3 Pie可能出现的问题,可能(或可能不)适用于此。

答案 2 :(得分:0)

  

路径是相对于HTML文件的   被查看,而不是CSS文件   来自。

source的{p> similar tool

所以给予behavior: url(ie-css3.htc);实际上你的意思是你将htc文件放在与网页相同的文件夹中。如果它不在同一个文件夹中,请修复相对于页面的路径,而不是css文件。