Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

Почему на сайте прозрачный PNG отображается с белым фоном?

Maxim Matrenitski Ученик (223), закрыт 13 лет назад
Сама картинка - http://lvinaya-dola.ru/bullet.png с прозрачным фоном, но когда я использую её как буллет в меню, она белым квадратом режет глаз. В чем дело?

Вот исходный код меню:
<br/><br/><br/>
<br/><br/><br/>
<br/> <br/><br/>
<br/> <br/><br/>
<br/> <br/><br/><br/>

<br/> <br/><br/>
<br/>
Дополнен 13 лет назад
<br/><br/><br/>
<br/><br/><br/>
<br/> <br/><br/>
<br/> <br/><br/>
<br/> <br/><br/><br/>

<br/> <br/><br/>
<br/>
Дополнен 13 лет назад
Блин, не добавляются теги :)))) посмотрите сами на lvinaya-dola.ru :)
Лучший ответ
Александр Ермилов Гений (61575) 13 лет назад
а потому, что в стилях (файл http://lvinaya-dola.ru/design/lvinaya.css), в строке 22
img{border:0;background:#fff;}
а картинка вставлена просто картинкой. — т. е. <img>
с точки зрения дизайна, выравнивание по центру в этом меню — совершенно неправильно.
с точки зрения верстки — в таких случаях картинка ставится в background, как и ВСЕ картинки для оформления (но для этого ее лучше сделать размера 1х1 т. е. 20х20 рх. да и зачем грузить большую картинку, когда нужна маленькая? )
сохраните в нормальном размере и поставьте в бэкграунд к #menu a.
если захотите оставить пункты меню с выравниванием по центру, поставьте ее в background к #menu a:first-letter
примерно описано тут: http://habrahabr.ru/blogs/css/17788/
если хотите оставить как есть, и просто убрать фон — в css допишите — там где блок меню:
#menu a img { background: none; }
Остальные ответы
Rastik Rus Мастер (2306) 13 лет назад
Она сама по себе с белым фоном, поэтому вот такая штука получается.
Владимир Першин Мыслитель (9335) 13 лет назад
А на чём сайт сделан? Думаю стоит попробовать прописать прозрачность в css-стилях картинки, должно помочь
Николай Воскресенский Мыслитель (5311) 13 лет назад
Быстрее всего наследование, убери из body #fff
aleksandra Мастер (1615) 13 лет назад
Всё очень просто!
Вам необходимо в css-файле lvinaya.css на строке 22

у селектора img { background: none repeat #FFFFFF;}
убрать все значения свойства background, кроме none. т. е. необходимо писать в строке 22 следующее:

img {background: none;}
Похожие вопросы