Тень в браузерах IE (css3 htc file)

Question

Я наткнулся на этот сайт:

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

Кажется, что работает, когда я ввожу URL в мой IE6, тогда "кошка" на картинке ниже имеет эффект "тени" вокруг него.

Однако я следую инструкциям, но не могу заставить его работать.

У меня есть php-файл, который динамически выводит изображения объявлений. К этим изображениям прикреплен атрибут класса: (что-то вроде этого ниже)

  $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 файл? Есть идеи?

Спасибо

Answer 1

вы можете попробовать последний вариант на www.css3pie.com .

По сути, этот сайт поддерживает несколько настроек CSS3 в IE6-9.Я попробовал ваш пример кода, и он работает

Answer 2

путь относится к просматриваемому файлу HTML, а не к файлу CSS, из которого он вызывается.

source от аналогичного инструмента .

, поэтому, задав behavior: url(ie-css3.htc);, вы фактически имеете в виду, что у вас есть htc-файл в той же папке, что и веб-страница.Если он не находится в той же папке, исправьте путь относительно страницы, а не файла CSS.

Answer 3

Попробуйте добавить позицию: относительная; на ваше заявление CSS. Если это что-то вроде CSS3 PIE , то вам, вероятно, придется добавить это.

Вы также можете проверить, вызывается ли файл .htc с правильным заголовком. Это, опять же, проблема, которая может возникнуть с CSS3 Pie, которая может (или не может) применяться здесь.