HTML img имеет нежелательные края

Question

Смотрите что-нибудь-pages.com/ и посмотрите на логотип спонсорства World Series 2010 слева. В верхней и левой сторонах логотипа есть край, который отображается в этой разметке:

<div style="position: absolute; float: left; left: 0px;">
    <img width="200" height="200" src="/themes/zen/atdwh_classic/images/2010 JLBB-30 year - sml.jpg">
</div>

Что вызывает это?

Свойство border имеет значение «border: 0 none;»

Answer 1

Я вижу разницу в цвете, когда я понижаю контрастность своего сверхяркого TFT ниже 50 процентов.Я скопировал изображение в фотошоп, и оно получило фон #fdfdfd, в то время как у вашей веб-страницы фон #ffffff.

Итак, чтобы решить эту проблему, либо сделайте фоновое изображение #ffffff.(или, лучше, прозрачный), или сделайте фон вашего сайта #fdfdfd:)

---

Обновление : в любом случае, я сделал его прозрачным.Замените его изображением ниже и повторите попытку: