Исчезновение картинки при наведении

ExVood
На сайте с 02.07.2013
Offline
39
572

Добрый вечер!

Сижу бьюсь, хочу сделать что бы png картинка была на изображении краткой новости, но не получается. Спецы, гляньте плз в чем ошибка:

.linkEnso li img{
width: 135px;
float: left;
border: 1px solid #256585;
border-radius: 2px;
background-image: url('http://домен/templates/Gemini/images/play.png') center center no-repeat;opacity:1;transition: all .5s ;
}
.linkEnso li img:hover{
opacity: 1;
}

Картинка не выводится...

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#1

opacity: 0;

LovelAss
На сайте с 05.06.2009
Offline
96
#2

Вместо background-image


background: url('http://домен/templates/Gemini/images/play.png') center center no-repeat;
ExVood
На сайте с 02.07.2013
Offline
39
#3
Алексей Барыкин:
opacity: 0;

Не помогло

---------- Добавлено 26.08.2013 в 22:46 ----------

LovelAss:
Вместо background-image

При прогрузке картинки видно изображение, но оно походу под самой картинкой, а не на ней. Как сделать что бы оно было на картинке..?

LovelAss
На сайте с 05.06.2009
Offline
96
#4
ExVood:
Как сделать что бы оно было на картинке..?

Отдельным элементом делайте.

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#5

background к картинке делать - не самая лучшая затея.

ExVood
На сайте с 02.07.2013
Offline
39
#6
LovelAss:
Отдельным элементом делайте.
<img src="{image}" title="{anchor}" alt="{anchor}" class="cool"/>

.cool {
top:0;left:0;display:block;
background: url('http:/домен/templates/Gemini/images/play.png') center center no-repeat;
transition: all .5s;
}

Все равно не отображается...

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
#7
HC
На сайте с 27.05.2013
Offline
3
#8

тс, точно "исчезновение картинки" спрашиваешь, а не про отображение при наведении?

http://jsfiddle.net/vFkxW/

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий