Тонкий CSS для Internet Explorer Павел Корнилов. Браузеры. - презентация

1 Тонкий CSS для Internet Explorer Павел Корнилов

2 Браузеры

3 Internet Explorer Ошибки

4 HTML Имя: PNG

5 CSS :hover opacity inherit :first-child

6 Решения DHTML Behaviors expression Иногда верстать таблицами

7 DHTML Behaviors Подключение: behavior: url(behavior.htc); Внутри: jScript или VBScript

8 Whatever:hover body { behavior: url(hover.htc) } Лечит: :hover :active

9 IE PNG Fix img, div { behavior: url(iepngfix.htc) } Лечит альфа прозрачность у PNG: картинки фон

10 Expression.mydiv { a: expression(alert(), b, c = 1); } Что это за конструкция?

11 Особенность Исполняется при каждом действии пользователя После каждого блока ставится запятая with(this), this - необязателен

12 В ней работает Вызов функции Анонимные функции Присваивание переменной (true) ? 1 : 2 комментарии // и /**/ Конкатенация

13 Не работает Точка с запятой if … else Иногда, пробелы

14 function expression() { // колдовской код }

15 Похоже?

16 Style Три способа: style currentStyle runtimeStyle

17 Примеры Вспомните JavaScript

18 alt и title img { behavior: expression( (this.alt&&!this.title) ? this.title = '' : '' ) }

19 alt и title img { behavior: expression( (alt&&!title) ? title = '' : '' ) }

20 alt и title img { behavior: expression( (alt&&!title) ? title = '' : '', runtimeStyle.behavior = 'none' ) }

21 alt и title img { behavior: expression( runtimeStyle.behavior = 'none', (alt&&!title) ? title = '' : '' ) }

22 alt и title img { scrollbar-face-color: expression( runtimeStyle.scrollbarFaceColor = '#fff', (alt&&!title) ? title = '' : '' ) }

23 background и png filter: expression( (runtimeStyle.filter == '') ? runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='+currentStyle.backgroundImage.split('\ "')[1]+', sizingMethod=crop)' : runtimeStyle.filter, runtimeStyle.backgroundImage = 'none' )

24 IMG и PNG filter: expression( (runtimeStyle.filter==''&&className!='ie')? (h = this.insertAdjacentHTML('afterEnd', ' '), style.display = 'none) : '', runtimeStyle.filter = 'none' )

25 Павел Корнилов