Все мы хорошо знаем, что у изображений необходимо указывать альтернативный текст в атрибуте alt. Однако что будет, если пользователь скопирует текст с таким изображением.
Попробуем:
1 | <p>Я люблю <img src="soccer.png" width="16" height="16" alt="Футбол" /></p> |
Скопируйте и вставьте следующую строчку в какой-либо текстовый редактор.
Я люблю 
Как видите на данный момент полноценное копирование есть только в FF. Остальные основные браузеры не копируют альтернативный текст.
В таком случае можно попробовать обернуть текст, и в конец блока-обёртки вставить, например, span с классом cover. В стилях указать для этого «элемента-покрывателя» требуемый background-image и сделать так, чтобы он отображался поверх текста.
Этот подход годится для вёрстки шапок и заголовков, однако применение повсеместно затруднительно из-за того, что не все браузеры умеют работать с display:inline-block.
Ну это вы уже о технике Image Replacement. Заметка не совсем об этом.
Вообщето Google Chrome тоже копирует картинку
Какая версия? У меня 5-я, windows 7, копирования нет.
Пиздёж и провокация! Konqueror тоже скопировал.
Вам нужно уточнять, что имеются в виду наиболее распространённые браузеры?
ну, можно при печати хотя бы добавлять реальный текст через :after и т. п.