CSS 3 - тени и закругленные углы

Question

Я столкнулся с очень интересным фактом и надеюсь, что у вас есть ответ на этот вопрос.

У меня есть этот код:

width:940px; margin:0 auto; padding:13px 29px 39px 31px; background:#fff;
    -webkit-border-radius:10px;
       -moz-border-radius:10px;
            border-radius:10px;
    -webkit-box-shadow:0 0 2px 1px #e3e6e9;
       -moz-box-shadow:0 0 2px 1px #e3e6e9;
            box-shadow:0 0 2px 1px #e3e6e9; 

Я видел его на шаблоне Joomla 1.6 - и он работаеткруто на IE8, но когда я вставил тот же код в свой шаблон, он не работает на IE8, может быть, есть некоторые хитрости для этого?

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

Answer 1

Internet Explorer не поддерживает border-radius и box-shadow. Есть некоторые проекты, которые пытаются привести css3 к, например, css3pie или ie-css3 . Конечно, для теней вы можете использовать фильтры. Подробнее здесь .

Answer 2

Как уже упоминалось, этот код не работает на IE8.Скорее всего, есть таблица стилей только для IE8, которая использует изображения для получения того же эффекта.

Лично я просто позволю IE8 и ниже быть немного блокированными, если мне это удастся.Процент пользователей в этих браузерах быстро уменьшается, и я не против помочь ему в этом.И если ваши закругленные углы тонкие, то это не то, что многие пользователи даже заметят.То же самое касается тени от ящика.