2012-01-13 7 views
6

Я пытаюсь применить css3pieCSS3 Pie не работает на всех, попробовал все

на мой сайт, и dosen't, кажется, должны применяться на всех. я пытался что-то я мог бы найти:

  • Проверил путь к PIE.htc, поместите его в основную папку и используется URL (/PIE.htc), даже попробовал полный URL, ничего не получалось.
  • Пробовал использовать PIE.php, это тоже не сработало.
  • Пробовал добавлять «текст AddType/x-компонент .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); 

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

EDIT: , если это имеет значение, когда я просмотра загруженного CSS в IE, я вижу команду поведение в той же строке, как следующий, хотя синтаксис является правильным

+0

Вы когда-нибудь находили решение? У меня такая же проблема, и ничто из предложенного здесь не зафиксировало, что происходит. –

+0

Я знаю, что это поздно. Имел ту же проблему, но с закругленным углом ... не мог заставить ее работать. Обнаружилось, потому что я использовал бета-версию 2.0. Должен держаться с твердой скалой 1.0, я думаю. – sqram

ответ

6

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

+0

Я пробовал все эти вещи, не работал =/ –

+0

Итак, вы не получаете никаких элементов ''? Является ли это «box-shadow», в частности, сломанным, или вы пытались использовать другие элементы? – logan

+0

Любые элементы не работают. –

0

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

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

Я пробовал это, все еще не работаю. –

1

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

Вместо этого удалите размытие, и ваша защитная панель будет работать.

Смотрите здесь для источников:

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

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

К сожалению PIE поддерживает только Rgba непрозрачности в коробке-тень, если она имеет нет размытости.

http://css3pie.com/documentation/suppor ... УРЭС/# RGBA

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

+0

Благодарим вас за сообщение. но я изменил его и до сих пор нет результатов, как будто он не работает во всем. я в настоящее время пытаюсь с абсолютным путем http и с PIE.php и теми же результатами –

9

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

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

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

3

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

+0

Как этот человек говорит, попробуйте дать позицию элемента: относительный и, возможно, также z-index. Это решает мои проблемы пару раз. – PaulSkinner

0

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

2

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

Допуская DIR "пирог" является по отношению к вашему "корневым" 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+); 

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

  • Нет связанных вопросов^_^