Тень CSS Box не работает в IE6 и IE7 - PullRequest
Новая
       10

Тень CSS Box не работает в IE6 и IE7

2 голосов
/ 28 июля 2011

Я работаю на сайте Drupal.Клиент хочет, чтобы сайт выглядел одинаково во всех браузерах, включая IE6.Существует некоторая проблема со свойством box-shadow в IE.Я знаю, что свойство CSS3 не поддерживается для IE.Есть ли альтернативное решение для box-shadow для IE-6, чтобы оно выглядело как тень в IE6 и IE7.Я пытался для CSS PIE, в котором я использовал файл htc для IE, чтобы поддержать свойство CSS3.Но это не работает.URL сайта: Godsak

Код CSS: 

.portal-top {
background-color: white;
box-shadow: 0 0 20px #000000;

-moz-box-shadow: 0 0 20px # 000000;-webkit-box-shadow: 0 0 20px # 000000;позиция: относительная;поле: 15px авто 0;}

Для IE я использую 

.portal-top {
background-color: white;
box-shadow: 0 0 20px #000000;
zoom:1;
filter: progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=145, Strength=3);

}

, тень окна теперь отображается в IE-7.Но не то, что я хочу.В IE-6 все еще нет тени.Посмотрите на URL в Firefox, мне нужно то же самое для IE.Является ли это возможным.

Заранее спасибо.

Ответы [ 3 ]

3 голосов
/ 28 июля 2011

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

2-й альтернативный способ - "понизить рейтинг" вашего сайта и использовать только элементы, поддерживаемые ie6.

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

если у кого-то есть ie6, то, вероятно, есть причина для этого.

Я бы сказал, что совершенно нормально, что сайты в разных браузерах выглядят по-разному. так оно и есть. Конечно, каждый сайт должен работать правильно и красиво. но это почти гарантировано, если вы не пропустите элементы, которые не предназначены для использования.

и если кто-то использует ie6, то тени просто нет, вот и все.

но в качестве ответа на вашу проблему, которую требует клиент, перейдите к решению изображений.

2 голосов
/ 28 июля 2011

Если вы не угождаете Китаю, лучше всего НЕ делать дополнительных вещей, чтобы смягчить выходки IE6.

Если это не вариант, потому что клиент требует этого, объясните ему, что вам нужно сделать совершенно другой сайт для IE6 (в процентном выражении в Европе, который я видел в прошлом), и что это будет стоить ему почти удвойте деньги, если вы это сделаете. Не только сейчас, но и с каждым обновлением сайта.

На самом деле нет никакого поддерживаемого способа заставить эти причудливые CSS-вещи работать на IE6.

0 голосов
/ 28 июля 2011

Для PIE :

вам необходимо включить поведение после каждого другого элемента CSS: 

#container{
    margin:0 auto;
    width:900px;
    ...
    behavior: url(css/ie/PIE.htc); /* url at http://www.indivar.info/godsak/ */
}

Последняя таблица стилей, последний элемент.URL-адрес относительный путь от страницы, а не таблицы стилей

Могу также добавить, что @import не рекомендуется.Вы можете попробовать скорость страницы .

Хотя сайт выглядит великолепно.Надеюсь, это поможет.

...