—»     —»   CSS3 решения для Internet Explorer
  Раздел: Браузеры, CSS/Style Sheets   Комментариев: 17  

CSS3 решения для Internet Explorer



CSS3 – это, наверное, самая горячая тенденция в веб-дизайне на сегодняшний день, которая позволяет дизайнерам встраивать различные элементы и решения в свои проекты посредством простенького CSS и избегая применения несемантической разметки, дополнительных изображений, и сложных элементов javascript.
К несчастью, ни для кого не секрет, что Internet Explorer (даже самые свежие версии) до сих пор не поддерживает большую часть функций, которые включает в себя CSS3.

Опытные разработчики понимают важность применения CSS3 в своих новых проектах, но особым методом. Так, чтобы содержимое оставалось доступным даже если браузер не поддерживает CSS3.

CSS3 решения для Internet Explorer

Но бывают случаи, когда заказчик настаивает на том, чтобы в проекте присутствовали кросс-браузерные решения, которые бы работали даже в IE6. Для таких случаев мы собрали подборку опций, которыми разработчики могут воспользоваться именно в тех случаях, когда требуется внедрить CSS3, но и тем временем сохранить функциональность в браузерах без поддержки (IE6, 7 и 8).

Opacity (Уровень плотности/Прозрачность)

Нам кажется, что многие разработчики недоумевают, почему Internet Explorer до сих пор не поддерживает эту очень распространенную функцию. Она уже настолько приелась всем, что мы порой забываем о том, что это функция CSS3. Хотя IE и не поддерживает конкретно эту функцию, в нем можно реализовать нечто очень схожее:

Синтаксис

#myElement {
    opacity: .4; /* other browsers */
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* this works in IE6, IE7, and IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /* this works in IE8 only */
}

Вам нужна, по сути, только вторая линия, которая работает во всех трех версиях Internet Explorer. Но если по каким-то причинам вам требуется применить эту функцию только в 8-й версии IE (не в 6 и 7), то вы можете применить только третью строку, которая не работает в более ранних версиях.

Значение прозрачности на конце строчки для каждого браузера работает по тому же принципу, что и значения уровня плотности, от 0 до 100 (правда, значение уровня плотности выставляется двумя цифрами от 0 до 1). Также следует отметить, что значения уровня прозрачности (даже при стандартном способе) будут наследоваться всеми дочерними элементами, так как для них не существует отдельных параметров настроек.

Демонстрация

CSS3 решения для Internet Explorer
CSS3 решения для Internet Explorer

Побочные эффекты

* Параметры фильтра относятся только к Microsoft, так что ваш код CSS нельзя считать валидным
* Что касается значения уровня прозрачности, то в фильтре для Internet Explorer все дочерние элементы наследуют параметры.

Border-radius (Закругленные углы)

Параметр border-radius (больше распространен как закругленные углы в CSS3) – является еще одной распространенной функцией CSS3. Этот параметр позволяет разработчикам избежать головных болей по поводу позиционирования дополнительных элементов посредством javascript. Но опять же, Microsoft даже тут не хочет сотрудничать, и Internet Explorer не поддерживает эту функцию.

К счастью, существует как минимум одно решение, которое можно применить к разметке IE. Ремиз Ранас из HTML Remix создал HTC-файл под названием CSS Curved Corner, который можно скачать на Google Code.

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

Синтаксис

Вот так должен выглядеть ваш код:

.box-radius {
    border-radius: 15px;
    behavior: url(border-radius.htc);
}

Оно работает довольно просто, как показано выше. Хотя, в идеале вы можете применить значение только в CSS для IE, используя тот же селектор в вашем CSS так, чтобы код понимал, откуда брать значение радиуса.

Демонстрация

Так как этот способ требует отдельного файла HTC, вы можете посмотреть демо здесь.

Побочные эффекты

* HTC-файл представляет собой 142 линии (оптимизация или GZip-сжатие может поспособствовать)
* Параметр поведения сделает ваш CSS невалидным
* Вашему серверу нужна возможность подгрузки HTC-файла для того, чтобы этот способ работал
* В IE8, возможно, в некоторых случаях возникнут проблемы, если HTC-файл будет принуждать кривой элемент принимать отрицательное значение z-index

Box Shadow (Тень блоков)

Параметр box-shadow – это еще одна CSS3-функция, которая позволяет применить искривленные тени к элементам, которые используют параметры border-radius. IE не поддерживает box-shadow, но существует фильтр, который примерно заменяет эту функцию.

Следует отметить, что параметр box-shadow должен быть удален из модулей CSS3 Backgrounds и Borders, так что, скорее всего, CSS3 в будущем немного будет отличаться от того, какой он есть сейчас.

Синтаксис

.box-shadow {
    -moz-box-shadow: 2px 2px 3px #969696; /* for Firefox 3.5+ */
    -webkit-box-shadow: 2px 2px 3px #969696; /* for Safari and Chrome */
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=145, Strength=3);
}

Как показано выше, в дополнение к параметрам WebKit и Mozilla, вы можете применить фильтр тени, который будет работать во всех версиях Internet Explorer.

Демонстрация

CSS3 решения для Internet Explorer

Побочные эффекты

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

Text Shadow (Тень текста)

Этот метод уже многие годы практикуется как для печатной продукции, так и для веб-дизайна. Что касается стороны веб, тут все выполняется значительно проще, за счет изображений, или дублирования и позиционирования текста. CSS3 позволяет разработчикам с легкостью добавлять тень к тексту при помощи простой функции text-shadow.

К несчастью, с Internet Explorer опять же могут возникнут проблемы, даже если использовать подходящие фильтры. Для решения данной проблемы, разработчик Килиан Валхов написал плагин для jQuery, с помощью которого можно применить тень текста в IE.

Синтаксис

Для начала, в вашем CSS нужно выставить значение text-shadow:

.text-shadow {
    text-shadow: #aaa 1px 1px 1px;
}

Значения определяют цвет тени, позицию по вертикали и горизонтали, а также уровень размытости.

После того, как вы внедрите библиотеку jQuery в документ, вы можете запустить плагин посредством jQuery:

// include jQuery library in your page
// include link to plugin in your page

$(document).ready(function(){
    $(".text-shadow").textShadow();
});

Плагин позволяет вам использовать параметры для замены значений в CSS. Посетите сайт разработчика данного плагина, чтобы ознакомиться с деталями.

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

Демонстрация

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

Побочные эффекты

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

* Для того чтобы тень в IE выглядела так же, как и в других браузерах, вам придется применять различные настройки CSS для IE, что требует временных затрат на разработку и поддержание работы
* Также требуется добавить библиотеку jQuery, и файл плагина, который представляет собой 61 строчку кода (Gzip-сжатие может поспособствовать)
* Тень в IE никогда не будет выглядеть так же, как в других браузерах
* Когда вы применяете заменяющие параметры, плагин иногда генерирует лишнее, что может привести к отпугивающей огромной тени, из-за того, что старые параметры не были изменены
* В отличие от версии CSS3, плагин не поддерживает несколько теней сразу
* По некоторым причинам, ради работы в 8-й версии IE, вам придется задавать значения z-index

Gradients (градиенты)

Еще один пример применения способов, которые сокращают временные затраты заключается в возможности создания собственных градиентов и фонов посредством CSS3. Хотя IE не поддерживает градиенты, их очень легко реализовать посредством синтаксиса соответствующего семейству IE.

Синтаксис

Для того чтобы получить градиент, который будет одинаково выглядеть во всех браузерах, включая все версии Internet Explorer, используйте код CSS, представленный ниже (последние две строки для IE):

#gradient {
/* Firefox 3.6 */
    background-image: -moz-linear-gradient(top, #81a8cb, #4477a1);
/* Safari & Chrome */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #4477a1), color-stop(1, #81a8cb));
/* IE6 & IE7 */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#81a8cb', endColorstr='#4477a1');
/* IE8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#81a8cb', endColorstr='#4477a1')";
}

Для фильтров IE, GradientType можно выставить на '1' (горизонтальный) или '0' (вертикальный).

Демонстрация

CSS3 решения для Internet Explorer

Побочные эффекты

Обычно проблемы возникают только с градиентами, которые были реализованы посредством фильтра для IE.

* Ваш CSS-код не будет валидным, хотя это также относится к значениям браузеров семейства WebKit и Mozilla
* Для IE8 нужен другой код, что требует временных затрат
* Градиенты в WebKit и Mozilla позволяют объявлять ограничения; чего нельзя отнести к градиентам в IE, что понижает уровень гибкости
* Фильтр IE не позволяет объявлять радиальные градиенты, которые поддерживают браузеры WebKit и Mozilla
* Для того чтобы градиенты были видны в IE, элемент градиента должен иметь шаблон

Transparent Background Colors (RGBA) (Прозрачные фоновые цвета)

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

Синтаксис

Вот код альфа канала фона для браузеров, совместимых с CSS3:

#rgba p {
    background: rgba(98, 135, 167, .4);
}

С кодом CSS, предоставленным выше, фоновый цвет будет установлен в RGB-значениях + опциональное значение «alpha» '.4'. Для отображения этого в IE, вы можете воспользоваться соответствующим фильтром для создания градации с теми же значениями начального и конечного цветов, а в поддержку со значением прозрачности. Это должно быть включено только в CSS для IE, который заменит предыдущие параметры.

#rgba p {
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#886287a7', endColorstr='#886287a7');
}

Градиент в IE будет выглядеть абсолютно так же, как и в других браузерах, дублируя эффект прозрачности RGBA.

Демонстрация

Первый пример, из представленных ниже, будет работать во всех браузерах, которые поддерживают цвета RGBA. Второй пример будет работать только в IE.

CSS3 решения для Internet Explorer
CSS3 решения для Internet Explorer

Побочные эффекты

* Параметры фильтра не являются валидным кодом CSS
* В CSS-коде для IE требуется дополнительная строка кода
* Элементу нужна разметка

Примечания: Первоначально мы использовали метод с изображением PNG для достижения данного эффекта, но это работало только в IE7-8, а для IE6 требовался специальный хак. Затем мы попробовали другой метод, и поняли, что он работает лучше. Способ с PNG – это еще один способ, но с ним может возникнуть больше проблем, и у него гораздо больше побочных эффектов.

Multiple Backgrounds (Несколько фонов)

Еще один метод CSS3, который внес огромный вклад в развитие CSS. На данный момент эту функцию не поддерживают только Opera и IE. Но интересно то, что IE, вплоть до версии 5.5, поддерживает встраивание нескольких элементов в один элемент посредством фильтра.

Синтаксис

Вы можете продолжать применять хак для IE6, и увидите что изображение отображается дважды, что вам придется решать посредством добавления параметра background: none, а затем применять фильтр. Следуя тому же принципу, IE позволяет использовать 2 изображения в качестве фона одного элемента.

Для того чтобы применять несколько фоновых изображений в Firefox, Safari и Chrome, используйте следующий код CSS:

#multi-bg {
    background: url(images/bg-image-1.gif) center center no-repeat, url(images/bg-image-2.gif) top left repeat;
}

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

#multi-bg {
    background: transparent url(images/bg-image-1.gif) top left repeat;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/bg-image-2.gif', sizingMethod='crop'); /* IE6-8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg-image-2.gif', sizingMethod='crop')"; /* IE8 only */
}

Демонстрация

Блок, представленный ниже, отображает несколько изображений в Chrome, Firefox и Safari (правда, вы ничего не увидите в IE):

CSS3 решения для Internet Explorer

Следующий блок отображает несколько изображений в IE6-8 (но в других браузерах вы увидите только одно изображение):

CSS3 решения для Internet Explorer

Побочные эффекты

* Ваш код CSS не будет валидным
* Второе изображение применяется посредством параметра фильтра, и будет всегда отображено в левом верхнем углу. Вы не сможете повторить его, так что этот способ не особо гибкий, и может быть применен только в некоторых случаях
* Для того чтобы центрировать элемент (как в других браузерах), вам нужно создать изображение с точным белым промежутком. Таким образом, вы сможете имитировать центрирование (как показано в примере)
* Фильтр AlphaImageLoader может вызвать проблемы в работе

Element Rotation (Трансформации CSS) (Вращение элемента)

CSS3 предоставляет несколько функций по трансформации и анимации. Также существуют способы вращения элементов в IE, хотя такое и редко встречается.

Синтаксис

Для того чтобы повернуть элемент на 180 градусов (перевернуть вертикально), требуется следующий код CSS3:

#rotate {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

Для того чтобы создать такое же вращение в IE, вам придется воспользоваться соответствующим фильтром:

#rotate {
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

Значение вращения могут быть 1, 2, 3 или 4. Эти цифры означают 90, 180, 270 или 360 градусов перспективного вращения.

Демонстрации

Элемент, отображенный ниже, отображается в перевернутом состоянии в Internet Explorer, так как он перевернут на 180 градусов посредством параметра фильтра. Для того чтобы продемонстрировать это более наглядно, мы применили 3 пикселя толщины для «нижней» границы, которая теперь отображается вверху элемента.

CSS3 решения для Internet Explorer

Побочные эффекты

* Ваш код CSS не будет валидным, хотя это касается также кода браузеров из WebKit и Mozilla
* Браузеры Webkit и Mozilla позволяют вам вращать элементы по конкретному градусу, а фильтр для IE имеет только 4 значения, что значительно сокращает гибкость

Вдобавок: IE позволяет вам вращать элементы с той же гибкостью, как это позволяет CSS3. Сложно объяснить на примере, но CSS3, примененный в проекте Пола Айриша показывает нам, что мы можем пользоваться кодом, совместимым с IE, в случаях с вращением CSS3.

Заключение

Вероятно, многие разработчики нас возненавидят за эту подборку, так как некоторые клиенты настолько умны, что могут вбить в строку поиска решения для Internet Explorer, а потом тыкать сюда разработчикам. Так что, будьте внимательны относительно того, что вы говорите своим клиентам. Хотя IE и не поддерживает данные функции на самом деле, это еще не означает, что это невозможно.

И запомните, что каждый раз, когда вам нужно переписать исходные параметры CSS для IE, или если вам придется воспользоваться javascript, jQuery или каким-либо HTC-файлом, вам нужно ссылаться на внешние ресурсы. Это гарантирует вам то, что другие браузеры не будут делать лишние и ненужные запросы.

Во многих случаях лучшим решением по отношению к Internet Explorer считается сокращение функциональной части проекта. Мы надеемся, что вышеприведенные решения предоставят вам хоть какие-то возможности в создании кросс-браузерных приложений для требовательных клиентов.
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: CSS, Internet Explorer
Опубликовал Mysterious Master   Прочитано (раз): 26715   |   Оставлено комментариев: 17
Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 26 мая 2010 @ 22:51
Написал: ITS — группа: Читатели  
На сайте с: 20.02.2010   |   Публикаций: 3   |   Комментариев: 127
ICQ: 366337851
Статья как всегда на 5+ - понятна и очень полезна.

Вот так накуралесить надо в CSS чтоб в IE сделать поддержку нескольких фонов wink ;
Скорей бы уже все браузеры перешли на единый стандарт.


--------------------
Вещам, которым надо бы учиться, чтобы их делать, — лучше учиться, делая их.
© Аристотель
Комментарий #2: 26 мая 2010 @ 23:08
Написал: krapan88 — группа: Читатели  
На сайте с: 31.01.2010   |   Публикаций: 0   |   Комментариев: 59
ICQ: --- не указано ---
Наверное, того дня, когда все браузеры будут работать по одному стандарту, прийдется ждать еще очень долго. А пока остается, как было правильно сказано, "куролесить" что бы в IE выходило что-то похожее на нормальный сайт.
Комментарий #3: 27 мая 2010 @ 01:54
Написал: ITS — группа: Читатели  
На сайте с: 20.02.2010   |   Публикаций: 3   |   Комментариев: 127
ICQ: 366337851
lol для одного только IE, уже можно писать отдельную книгу: "Кроссбраузерный код" wink .
Жуть как много у них не стандартизированных параметров smile . (даже в 8-ой версии)
По заявлениям Microsoft, IE 9 обгонит все браузеры, по поддержке новых стандартов, в частности по стандартам CSS3 и HTML5.
Вот ссылочка на статейку "Тест-драйв предварительной версии Internet Explorer 9":
http://www.coolwebmasters.com/browsers/598-test-drive-ie9.html
Жаль, что испробовать данный браузер могут только пользователи Win7 или Win Vista SP2.


--------------------
Вещам, которым надо бы учиться, чтобы их делать, — лучше учиться, делая их.
© Аристотель
Комментарий #4: 27 мая 2010 @ 03:38
Написал: Mysterious Master — группа: Администраторы  
На сайте с: 11.07.2009   |   Публикаций: 1491   |   Комментариев: 177
ICQ: --- не указано ---
Цитата: ITS
Жаль, что испробовать данный браузер могут только пользователи Win7 или Win Vista SP2.

Да, в этом большая засада. По крайней мере для меня, т.к. использую лицензионную XP. Влёт в деньги намечается, чувствую, в ближайшем будущем sad
Комментарий #5: 27 мая 2010 @ 03:45
Написал: ITS — группа: Читатели  
На сайте с: 20.02.2010   |   Публикаций: 3   |   Комментариев: 127
ICQ: 366337851
Mysterious Master
Да, в этом большая засада. По крайней мере для меня, т.к. использую лицензионную XP.

Та же самая проблема и у меня recourse ...


--------------------
Вещам, которым надо бы учиться, чтобы их делать, — лучше учиться, делая их.
© Аристотель
Комментарий #6: 27 мая 2010 @ 19:12
Написал: Mysterious Master — группа: Администраторы  
На сайте с: 11.07.2009   |   Публикаций: 1491   |   Комментариев: 177
ICQ: --- не указано ---
ITS, в принципе есть решение, как просмотреть тот или иной сайт в разных эксплорерах. В этой статье есть упомянут ресурс Xenocode Browsers. Только что посетил его и просмотрел несколько сайтов под IE6, IE7 и IE8. Ёлы-палы ... какой корявый браузер (мне глаза на мир открылись). Просто жесть. Хотя постоянно усовершенствуют его к лучшему. Так вот, скорее всего туда и IE9 будет добавлен со временем. Будем оттуда свои шедевры тестировать smile
Комментарий #7: 27 мая 2010 @ 19:24
Написал: ITS — группа: Читатели  
На сайте с: 20.02.2010   |   Публикаций: 3   |   Комментариев: 127
ICQ: 366337851
Mysterious Master, спасибо smile .
Взял Xenocode Browsers на заметку.


--------------------
Вещам, которым надо бы учиться, чтобы их делать, — лучше учиться, делая их.
© Аристотель
Комментарий #8: 29 мая 2010 @ 19:38
Написал: graf — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
по поводу Multiple Backgrounds (Несколько фонов) в опере вы ошиблись.
У меня в opera 10.53 замечательно отображаются несколько фонов для одного тега
Комментарий #9: 29 мая 2010 @ 20:30
Написал: Mysterious Master — группа: Администраторы  
На сайте с: 11.07.2009   |   Публикаций: 1491   |   Комментариев: 177
ICQ: --- не указано ---
graf, а можете показать живой пример или прислать архив с примером? Интересно было бы посмотреть в живую, т.к. я сам еще не пробовал применять Multiple Backgrounds. Да и посетителям было бы интересно, имхо.
Комментарий #10: 29 мая 2010 @ 20:35
Написал: ITS — группа: Читатели  
На сайте с: 20.02.2010   |   Публикаций: 3   |   Комментариев: 127
ICQ: 366337851
graf,
возможно, но речь шла о браузерах IE: "CSS3 решения для Internet Explorer".

Кстати, о том какой браузер, что поддерживает, можно узнать по адресу:
http://www.findmebyip.com/
(вспомнил только адрес на интернет-ресурс, из какой статьи уже не помню)


--------------------
Вещам, которым надо бы учиться, чтобы их делать, — лучше учиться, делая их.
© Аристотель
Комментарий #11: 7 июня 2010 @ 11:15
Написал: Алексей — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Подскажите, плз, почему-то не срабатывает у меня решение Border-radius (Закругленные углы) :(. Под ИЕ6 ....
Комментарий #12: 7 июня 2010 @ 17:03
Написал: Mysterious Master — группа: Администраторы  
На сайте с: 11.07.2009   |   Публикаций: 1491   |   Комментариев: 177
ICQ: --- не указано ---
Алексей, в статье ведь написано, что:
Internet Explorer не поддерживает эту функцию

Комментарий #13: 7 июня 2010 @ 20:52
Написал: ITS — группа: Читатели  
На сайте с: 20.02.2010   |   Публикаций: 3   |   Комментариев: 127
ICQ: 366337851
К тому же, когда была эра IE 6, тогда, по моему, и в поныне не знали о border-radius.

Алексей: Хорошим решением данной проблемы будет, добавить исключение в <head></head> для стилей под IE 6. И там уже прописать в стилях фон элемента с округленными углами.


--------------------
Вещам, которым надо бы учиться, чтобы их делать, — лучше учиться, делая их.
© Аристотель
Комментарий #14: 9 июня 2010 @ 14:55
Написал: Алексей — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Спасибо, помогло ... все заработало ...
Но теперь есть другая проблема - не получается сделать div с прозрачным фоном и округлыми углами одновременно. Никто не сталкивался с такой проблемой ?
Комментарий #15: 9 июня 2010 @ 16:23
Написал: ITS — группа: Читатели  
На сайте с: 20.02.2010   |   Публикаций: 3   |   Комментариев: 127
ICQ: 366337851
Алексей,
под какой браузер?

Обычные параметры CSS3, для реализации под один div закруглений и прозрачного фона будет:
div [id or class] {
border-radius: 12px; /* Opera 10.5, IE 9 - радиус*/
background-color: rgba(180, 180, 144, 0.6); /* FF3+, Saf3+, Opera 10.10+, Chrome - последний параметр "0.6" - прозрачность*/
}

На этом сайте в какой-то статье, находил отличный сайт для генерации кроссбраузерного CSS-кода под новый стандарт CSS3, http://css3please.com/, но этот сайт англоязычный.


--------------------
Вещам, которым надо бы учиться, чтобы их делать, — лучше учиться, делая их.
© Аристотель
Комментарий #16: 9 июня 2010 @ 16:57
Написал: Алексей — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
ITS , под ИЕ .... со всеми остальными все ОК
Комментарий #17: 9 июня 2010 @ 18:33
Написал: Mysterious Master — группа: Администраторы  
На сайте с: 11.07.2009   |   Публикаций: 1491   |   Комментариев: 177
ICQ: --- не указано ---
Алексей, ели у вас не IE9, в чем я сильно сомневаюсь, то имхо, заокругленные углы у вас сделать не выйдет.
Разве что делать для IE картинку и загружать ее только в классах для IE (под маркерами IE).
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Национальная денежная единица России
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Ноябрь 2017    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
27282930