x
 
Коля Коробочкин
14 марта 2013

Добрый день!

Заметил, что выделение текста иногда странно себя ведёт. Немного покопавшись в ХТМЛ и ЦСС, я понял, что это зависит от наличия position:relative у «родителя».

Стоит ли обращать внимание на такие мелочи при вёрстке?


Коля, спасибо за замечание!

Я проверил, свойство position влияет на подсветку выделенного текста только в Вебките. В ИЕ, ФФ и Опере картинка примерно одинаковая, инлайновое выделение строго вокруг текста:

Лично я теперь не смогу не обращать внимание на эту мелочь в своих проектах :-)


P. S.
Это был совет о разработке веб-интерфейсов. Хотите узнать всё об умной вёрстке, правильных скриптах, грациозной деградации, трюках и работе технолога с дизайнером? Присылайте вопросы.

Поделиться
Отправить

Комментарии

Евгений Дементьев
14 марта 2013

Учитывая, что Опера переходит на Вебкит, таких браузеров будет как минимум два.

Алексей Соколов
15 марта 2013

Мне такое поведение выделения в Вебките иногда помогает определить, каким образом свёрстана страница, не заглядывая в код :-)

Владимир Родкин
15 марта 2013

В Файрфоксe есть ещё одна особенность с выделением. Если текст находится в блоке без паддинга, то начать выделение с первого символа строки довольно проблематично. Файрфокс выделит весь текст, который идет до нашей строки, так как мы начинаем выделять за пределами блока.
Чтобы такого не было, можно задать паддинги контейнеру основного текста — двадцать пикселей вполне достаточно.

Владимир Родкин
18 августа 2013

Проведя небольшое исследование, я выяснил случаи, когда в Фаерфоке выделение работает описанным мною образом:
1. Если слева от блока с текстом имеется другой блок или ячейка таблицы, например http://vesna.yandex.ru
2. Если блоку с текстом задано свойство float, например на Хабрахабре.


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

EM или REM? 6 Можно ли достичь эффекта переливания без встраивания видео на сайт? 1




Недавно всплыло

1 Как избежать «эффекта Тильды»? 2 3 Как вы верифицируете оценку сроков от сотрудника? 1