Пропустить навигацию

Highe® — Веб и стандарты


Кросс-браузерная прозрачность

14.11.07 , ,

.transparent-class {
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity: 0.5;
 opacity: 0.5;
}
  • opacity: 0.5; — для основных стандартных браузеров (Firefox, Safari и Opera)
  • filter:alpha(opacity=50); — IE
  • -moz-opacity:0.5; — старые версии Mozilla
  • -khtml-opacity: 0.5; — Safari (1.x)

Комментарии

  1. Я наблюдал не раз баг в ие 7 , когда блок со свойством opacity налаживался еще на один блок с прозрачностью и шрифт при этом становится размытым .

    Даже в плагине вордпресса Опрос при гляньте на результаты голосования и шрифт будет нечетким какраз из за прозрачности .

    Кто нить знает как бороться ?


    — Серега    Mar 3, 04:48 PM    #

 

 

В архив


CSS Styleguide — улучшение читабельности кода

Перевод статьи Improving Code Readability With CSS Styleguides с рекоммендациями по организации СSS файлов и написанию стильгайдов.

дальше →

Media-запросы

Media-запросы это расширение CSS3 для различных media-типов, позволяющее контролировать отображение документа в зависимости от устройства

дальше →

Стандартный режим, режим обратной совместимости и DOCTYPE

Еще раз хочу вернуться к данным режимам, их выбору, переключению и DOCTYPE

дальше →

Полезные CSS хаки

Несколько хаков, которые могут пригодиться

дальше →

Все статьи

бизнес, браузеры, веб-стандарты, верстка, дизайн, микроблоггинг, мобильные устройства, редакторы, фотогалерея, alistapart, css, css3, email, html email, javascript, photoshop, png, progressive enhancement, renoter, svg, textmate, textpattern, usability, validation, vml

Полезные ссылки

23.09.08

  • Using jQuery for Background Image Animations
  • jParallax
  • Test your color IQ
  • 80 Large Background Websites
  • 20 Free Page Analysis Tools

Я на Renoter'e

    Join Me