Увеличение изображения без потери качестваБольшинство WEB браузеров умеют увеличивать текст ( исключение IE6, который не увеличивает изображение размеры которого заданы в пикселях ), однако далеко не все браузеры увеличивают изображения вместе с текстом (Firefox и Opera это конечно же не касается) . Как же сделать так, чтобы при увеличении текста изображение увеличивалось без потери качества а общее расположение элементов на странице оставалось прежним.
Есть достаточно простой способ это сделать, у изображения должен быть свой класс с предустановленной шириной скажем в 10em.
HTML:
<IMG src="images/fruit.jpg" alt="фрукт" class="expand">
CSS:
img.expand { width: 10em; }
Важно: необходимо убедиться в том, что стартовое изображение больше чем его размеры по умолчанию. Если изображение имеет размеры такие же как изображение которое отображается по умолчанию, то при увеличении будет заметна потеря качества.
Пример
16-03-08 18:03:57 Написать комментарийВНИМАНИЕ: Все поля необходимо заполнить |
Chill - 11-05-08 21:05:17
гг, "фркут"