Сокрытие изображений на веб-страницах

Автор: Андрей Крупин
Опубликовано 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 перешел под крыло фирмы <суп>. Как "наши люди" управляются с популярным сервисом?
	Пять мифов об играх для приставок Геймеры, которым надоело постоянно апгрейдить компьютер, часто задумываются о покупке приставки. Но решит ли это все проблемы?