Question

I have come across this website:

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

It seems to work when I enter the URL in my IE6, then the “cat” in the picture further down has a “shadow” effect around it.

However, I follow instructions but can’t get it to work.

I have a php file, which dynamically outputs images of classifieds.
These images has a class attribute attached to them: (something like this below)

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

The class shadow is in an external file which is included.
Here is the class:

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

according to the website, this should work. But it doesn’t…
Is it because I am applying it to an image?
Or maybe because it is a php file?
Any ideas?

Thanks

Answer 1

Try adding position: relative; to your css statement. If it’s anything like CSS3 PIE then you’ll probably need to add this.

You might also want to check if the .htc file is being called with the correct header. This, again, is an issue that may occur with CSS3 Pie which may (or may not) apply here.