Фон у изображения

Очень просто, у тега <img /> есть атрибут lowsrc - Путь к графическому файлу низкого разрешения для предварительного отображения. :) Так же, не забываем ставить закрывающий слэш и alt="" для успешной валидации :)

надо прописать следующий код в css

img {

background:#000000; /*к примеру тут прописан черный*/

}

но есть подводный камень - под прозрачными картинками будет виден этот фон!

Нету там lowsrc )

semenov, это как вариант. Там скорее всего фон залит у слоя. Вариантов сотни, как решить сабж 🚬

mff добавил 11.07.2009 в 14:30

Ew-ru, лови сабж:

<div style="background:url(http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png); width:800px; height:450px;"><a href="http://upload.wikimedia.org/wikipedia/ru/7/75/Jocker_And_Rachel.jpg"><img src="http://upload.wikimedia.org/wikipedia/ru/7/75/Jocker_And_Rachel.jpg" width="800" height="450" border="0" alt="" /></a></div>

Спасибо Varkolak и mff 🍻 . С помощью вас сделал вот что:

В css прописал:

img{

background: url(http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png);

}

Проверил в Opera, Mozilla и Explorer 7.

в Opera - работает!

в Mozilla - работает!

в Explorer - работает!

Ew-ru, советую вам сделать из пинга - гиф и закинуть к себе на сервер! ;)

mff, почему именно гиф?

На сервер лить буду точно..

Потому что, png с прозрачностью не корректно отображается в IE6 и более поздних версиях ☝ Способы решения есть, вот один из них http://www.tigir.com/alpha_png.htm, но gif в данном случае - наиболее лучшее решение 🍻

Меня прозрачность не волнует. Но в гиф всё равно нужно, размер меньше. ☝

Checker-16x16.png - 81 байт

Checker-16x16.gif - 857 байт