IE6-8 тень,скругление, градиент

[konstantinskiy]

Здравствуйте.

До этого делал скругленный углы для ИЕ6++ и все было отлично.

А сейчас перерыл кучу инфы и не пойму в чем дело... Создал html+css файлы и там один див, в нем прописал, все работает.

Подскажите как решить?(подключил pie.htc , дописывал zoom:0/1, position:relative) Мне нужно для заголовков сделать закругленной поле с градиентом и небольшую тень. Чтобы было понятно о чем я, вот скрин (сообщества лишайников) http://gyazo.com/1412ccf94ee02555e4ff9b55780c9df3

Может причина в том, что с h1 не работает? Я делал уже для родителя, но все равно не работает.

.ContentPane h1{

.....

}

http://ekology-blog.ru/archives/soobshhestva-lishainikov

Код Css для h1:

h1 {

background-image: linear-gradient(top, rgb(252,252,252) 58%, rgb(212,211,211) 89%);

background-image: -o-linear-gradient(top, rgb(252,252,252) 58%, rgb(212,211,211) 89%);

background-image: -moz-linear-gradient(top, rgb(252,252,252) 58%, rgb(212,211,211) 89%);

background-image: -webkit-linear-gradient(top, rgb(252,252,252) 58%, rgb(212,211,211) 89%);

background-image: -ms-linear-gradient(top, rgb(252,252,252) 58%, rgb(212,211,211) 89%);

border-radius:7px;

box-shadow: 6px 6px 8px #C6C5C4;

-webkit-box-shadow: 6px 6px 8px #C6C5C4;

-moz-box-shadow: 6px 6px 8px #C6C5C4;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FDFCFC', endColorstr='#D4D3D3');

-pie-background: linear-gradient(#FDFCFC, #D4D3D3);

zoom:1;

position:relative;

behavior:url(PIE.htc);

width: 564px;

height: auto;

font-size: 1.6em;

margin-top: 0px;

margin-bottom: 0px;

padding: 10px 5px 10px 5px;

text-indent: 20px;

margin-left:-5px;

}

Pie.htc лежит в корневом каталоге.

[Yazon_Nile]

Испоьзуй джс версию. Ниразу не подводила.

[hedgehog]

Pie.htc лежит в корневом каталоге.

Попробуйте указать путь от корня сайта: "/wp-content/themes/eco/PIE.htc".

[konstantinskiy]

может потому, что ие6-8 не юзают ксс3?

Вы для начала почитайте зачем нужен PIE.htc и что это вообще такое, чтобы отписывать бесполезные каменты в топик!

[Vulner]

Я где-то читал что связка градиента через фильтр+круглые уголки для старых IE не работает. Т.е. предлагают или выбрать что-то одно, или делать градиент/уголки через картинки.. Если кто-то предложит более правильное разьяснение проблемы и ее решение, то сам был бы рад узнать, поскольку в последнее время неоднократно сталкивался с этой проблемой.

Edited July 21, 2013 by Vulner

[Catherine]

Фильтры не очень хорошо "дружат" со скруглениями. На официальной странице плагина PIE рекомендуют использовать для IE старых версий -pie-background: linear-gradient (см. ссылку). Но лично я стараюсь поменьше использовать PIE, и для ИЕ ниже 9 версии вместо градиентной заливки делаю фон картинкой.