CSS3 пирог не работает на всех, все перепробовал - PullRequest
Новая
       11

CSS3 пирог не работает на всех, все перепробовал

6 голосов
/ 13 января 2012

Я пытаюсь применить css3pie

к моему веб-сайту, и, похоже, он вообще не применяется.Я пробовал все, что мог найти:

  • Проверил путь к PIE.htc, поместил его в основную папку и использовал URL (/PIE.htc), даже пробовал полный URL, ничего не получалось.
  • Попробовал с помощью PIE.php, который тоже не работал.
  • Попытался добавить "AddType text / x-component .htc" в файл .htaccess, ничего хорошего
  • Попробовалдобавление position:relative; z-index: 0;, ничего хорошего.

Код, который я пытаюсь применить: 

   -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.9);
 -moz-box-shadow: 0px 0px 13px rgba(0,0,0,.9);
 box-shadow: 0px 0px 13px rgba(0,0,0,.9);

Что мне не хватает?

РЕДАКТИРОВАТЬ: если это имеет значение, при просмотре загруженного CSS в IE, я вижу, что команда поведения находится в той же строке, что и следующая, хотя синтаксис правильный

Ответы [ 8 ]

9 голосов
/ 28 мая 2012

Используйте ссылку на свой сайт. Например: 

behavior: url('http://www.yoursite.com/css/PIE.php')

Будет работать нормально.

6 голосов
/ 25 января 2012

Используйте инструменты веб-разработчика (F12), чтобы проверить, создаются ли какие-либо элементы <css3-container>.Если нет, значит, есть проблема с вашей декларацией behaviour css.Если эти элементы существуют, то ничего не меняйте с помощью PIE.htc - это проблема стиля, и вы можете возиться с такими вещами, как position:relative; z-index: 0;.

3 голосов
/ 01 августа 2012

CSS3PIE помещает свои сгенерированные элементы как элемент стиля, который вы разрабатываете, со значением z-index -1.Вы можете не увидеть результат, потому что он находится за каким-то другим элементом в документе.Попробуйте обернуть стилизованные элементы внутри позиционированного контейнера с независимым z-индексом.Надеюсь, это поможет!

2 голосов
/ 10 апреля 2015

Все зависит от настроек вашего Сервера:

Предполагая, что DIR "pie" относится к вашему "корневому" DIR, попробуйте выполнить одно из следующих действий: 

    behavior: url(/pie/PIE.php);
    behavior: url(pie/PIE.php);

Также попробуйте: 

    position:relative; 
    z-index: 0;

Не используйте взлом фильтра IE с PIE, например: 

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0074a8',endColorstr='#006496',GradientType=0);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
1 голос
/ 21 мая 2012

CSSPie3 не поддерживает box-shadow, когда вы пытаетесь использовать размытие.Это просто невозможно.

Вместо этого удалите размытие, и ваша шайба в виде рамки будет работать.

См. Здесь источники:

http://css3pie.com/forum/viewtopic.php?f=3&t=991

http://css3pie.com/documentation/supported-css3-features/

К сожалению, PIE поддерживает прозрачность rgba в box-shadow только вне имеет размытия

http://css3pie.com/documentation/suppor ... ures / # rgba

Часто можно обойти это, просто используя более светлый оттенок непрозрачного цвета.Если вы хотите, чтобы другие браузеры использовали rgba, вы можете использовать -pie-box-shadow, чтобы переопределить его только для PIE.

0 голосов
/ 30 марта 2018

не используйте это с css3pie: 

 filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#', endColorstr='#')";

моя проблема решена

0 голосов
/ 12 июля 2013

У меня была такая же проблема.PIE вообще не работал, будь то htc, js или php.Проблема была в разрешении доступа к серверу Mac для папки PIE, которую я скачал и распаковалБыло установлено отсутствие доступа для всех пользователей.Изменен доступ только для чтения и теперь это работает!Ошибка новичка.:)

0 голосов
/ 17 января 2012

Попробуйте вместо этого использовать шестнадцатеричное обозначение для цвета. В документации говорится, что существуют ограничения на использование обозначений rgba: 

box-shadow: 0px 0px 13px #000;
filter: Alpha(Opacity=90);
opacity: 0.9;
behavior: url(/Pie.htc);
...