Сокрытие изображений на веб-страницах
Автор: Андрей Крупин
Опубликовано 08 февраля 2008 года
В третьей версии стандарта каскадных таблиц стилей присутствует любопытный селектор ::selection, позволяющий веб-мастеру указывать, каким будет цвет текста в случае его выделения мышью. Используя возможности данной инструкции CSS, можно создавать удивительные вещи. Например, непосредственно в тексте страниц сайта прятать графические элементы, увидеть которые можно только выделив содержимое просматриваемого документа мышью.
Техника сокрытия изображения простая и не требует знаний спецификации CSS3. Нужно всего лишь открыть в браузере разработанный американским программистом Эриком Кастнером сервис Highlite, ввести в поле Text какой-нибудь незамысловатый текст, указать ссылку на картинку и нажать кнопку Generate.

В результате в окне браузера отобразится текстовый документ с замаскированным внутри изображением, для просмотра которого достаточно выделить страницу мышью или нажать на клавиатуре комбинацию "Ctrl+A".


Качество и размер создаваемых скрытых изображений можно менять, варьируя значениями полей Number of colors и Width of output (см. первый скриншот). При этом генерируемый онлайновой службой HTML-код доступен для загрузки и его можно разместить, например, на собственном сайте или в блоге.
И последнее. Чтобы работа с сервисом Highlite проходила без сучка и задоринки, использовать нужно только браузеры, поддерживающие CSS3. В настоящий момент к таковым относятся Firefox, Safari и бета-версия Opera 9.50.
Обсудить статью в форуме (0)
Версия для печати | Послать другу | Написать в редакцию
Автор: Андрей Крупин. Другие статьи автора
Сегодня в номере
![]() |
Одноразовые веб-изделияОдноразовыми бывают не только пластиковые тарелки, вилки и зажигалки, но и онлайновые сервисы. |
![]() |
Прощай, VIA, прощай!Материнских плат на чипсетах VIA больше не будет. Что это значит для индустрии? |
![]() |
Windows Mobile по-питерскиВ Петербурге живут не только правильные переводчики, но и талантливые программисты. |
![]() |
Сколько ЖЖ можно?Скоро стукнет год, как Livejournal перешел под крыло фирмы <суп>. Как "наши люди" управляются с популярным сервисом? |
![]() |
Пять мифов об играх для приставокГеймеры, которым надоело постоянно апгрейдить компьютер, часто задумываются о покупке приставки. Но решит ли это все проблемы? |











