2013-03-15 4 views
0

Я выяснил, что использование PIE.htc позволит решить проблему с IE7-8 при использовании теневого окна.Нужна помощь в настройке PIE.htc для CSS3

я сделал именно так, как они объясняют на официальном сайте: http://css3pie.com/

Но я не могу заставить его работать на IE7 и IE8:

это мой код:

.shadow { 
    behavior: url(PIE.htc); 
    width: 200px; 
    height: 200px; 
    border: 1px solid #696; 
    text-align: center; 
    -webkit-box-shadow: #666 0px 0px 5px; 
    -moz-box-shadow: #666 0px 0px 5px; 
    box-shadow: #666 0px 0px 5px; 
    background: #EEFF99; 
} 
<div class="shadow"> 
    Example 
</div> 

ответ

0

Просто поместите свой файл PIE.htc в тот же каталог, где вы разместили свой html, и, надеюсь, он будет работать.

behavior: url(PIE.htc); 

согласно Documentation

Конечно вам нужно будет настроить путь, чтобы соответствовать, где вы загрузили PIE.htc в шаге 2. Примечание: этот путь относительно файла HTML просмотра, а не файл CSS, из которого он вызван.

Изображения справки: Image1 Image 2

+1

Он находится в том же каталоге. Я даже создал тестовую папку, в которой я храню файл – AndrewS

+0

Вам нужен только 'PIE.htc' и ваш' html' файл в том же каталоге, и он будет работать. Я тестировал его на своей машине только с этими двумя файлами. – Sachin

+0

вы протестировали его с помощью IE7 & 8? – AndrewS

0

Дают .shadow {позиция: относительная}

Для PIE, чтобы работать должным образом, дать ему позицию через CSS.

Смежные вопросы