Евгений Степанищев

Эксперт в области разработки веб-приложений и безопасности в интернете. Каждый месяц мой блог посещают около 90 тысяч человек. Работаю техническим директором в «Системах документооборота», занимаюсь электронным правительством.

Раскрашивание прокрутки в WebKit

Я помню многие ругали Microsoft за то, что в IE когда-то появилась возможность задать стили для полос прокрутки. Честно сказать, и мне это казалось чем-то сомнительным. Прошло время и эти стили редко используются где-то, кроме «уютных дняфок» чёрно-розовых подростков и эксперементальных бастардов дизайнеров с вёрсткой.

Как бы то ни было, WebKit в свою новую сборку включил селекторы для очередных измывательств над полосой прокрутки (причём, отдельно для ресайзера, горизонтальной и вертикальной прокрутки).

Стилей там добрый мешок, лучше сходить на сайт «ВебКита» и посмотреть, а мне же нравится, что появился новый CSS-хак, который позволит выделять эту и выше версии «ВебКита» (и браузеров на нём). Например, он может выглядеть так:
noindex::-webkit-scrollbar, .someclass {
    color: red;
}
23 марта 2009 00:33

pepelsbey.ya.ru (pepelsbey.ya.ru)
23 марта 2009, 18:41

В Safari 4 beta эта штука уже работает, так что не «в новую сборку», а уже сейчас.

bolk (bolknote.ru)
23 марта 2009, 19:01, ответ предназначен pepelsbey.ya.ru:

Ну, т. е. это CSS-хак для Safari4. Чудненько.

loud-minsk.livejournal.com (loud-minsk.livejournal.com)
6 июля 2009, 14:36

Я не спамер и не бот :)

Я столкнулся с граблями на Safari - не могу побороть, известные хаки не проканали.
Вот смотри трабла - видна на скриншотах browsershots - http://browsershots.org/http://test.tvysoftware.com/tvyredesign072009/example1.html - суть в том, что в средней полоске (навигация) картинка имеет float: left; и вот на всех браузерах она делает что положено..а под Safari - остается в центре, да еще прирастает падингами..

Буду очень благодарен за помощь :)

bolk (bolknote.ru)
6 июля 2009, 17:19, ответ предназначен loud-minsk.livejournal.com:

С такими вещами лучше разбираться так: создать в каком-нить тематическом сообществе топик с просьбой помощи, где дать ссылку на скриншот и HTML.

Ваше имя или адрес блога (можно OpenID):

Текст вашего комментария, не HTML:

Кому бы вы хотели ответить (или кликните на его аватару)

Подсказка по написанию комментария

В комментариях можно применять следующую специальную разметку:

  • слово, обрамлённое в «звёздочки» выделяется *жирным*
  • ссылка становится ссылкой: http://bolknote.ru
  • ссылка в скобках также становится ссылкой, закрывающая скобка не захватывается: (http://bolknote.ru)
  • каждую строку цитаты следует начинать со знака «больше»:
    > это цитата
    > из двух строк
  • можно вставить картинку, залитую на один из сервисов: «Яндекс.Фотки», «Фликр» или «Пикплз». Для этого нужно вставить на страницу полный адрес вашей картинки на сервисе, он превратится в картинку:

    http://fotki.yandex.ru/users/bolknote/view/274311?page=3