Почему белая рамка на изображении?

Question

[zuba]

jsfiddle.net/h2tbvkzj

До наводки курсора,есть рамка,как исправить?

Answer 1

[Ленар Фаттахов]

Это из-за того, что до наведения у нет src. Вместо отсутствия пути, пусть лучше ссылается на какую-нибудь прозрачную картинку размером в один пиксель.

Comments

[zuba]

Работает только до первого наведения... После опять с рамкой...

[Ленар Фаттахов]

Это из-за строчки TurnBlik.arguments[0].src="" в скрипте, туда тоже вставьте путь к пустой картинке)

Answer 2

[Станислав Ким]

Из-за
<img>
Добавьте
display:none

То же самое, без JS.

<style>
	div {
		background: url(http://www.stroimdom.com.ua/forum/customavatars/avatar180_3.gif) no-repeat;
		width: 50px;
		height: 90px;
	}
	img {
		width: inherit;
		height: inherit;
		visibility: hidden;
	}
	div:hover img {
		visibility: visible;
	}

</style>
	<div>
		<img src="http://ip2me.ru/test4/blik.png">
	</div>

Comments

[zuba]

если вставляю в style, то скрипт не работает...

Answer 3

[M-ka]

с картинки убрать/заменить высоту inherit и она станет постоянно белой, как и положено... а рамки у картинки как бы и нет

Comments

[zuba]

не сработало...