unsorted ~ Помощь по HTML

C нами с 26.03.2014 Репутация: 0

Подскажите кто видел похожий шаблон http://npovympel.ru/aboutcompany/

Возраст: 36 C нами с 18.10.2005 Репутация: **172.8**

Подскажите почему в IE,Firefox не работает картинка playbutton а в Chrome все нормально. Надо чтобы везде было все нормально..

<DOCTYPE>
<html>
<head>
<style>
.fancybox4youtube { 
    position:relative; 
    height:180px;
    width:320px;

}
.fancybox4youtube img.fancybox4youtube_pb {
    position:absolute;
    -moz-opacity:.80;
    opacity:.80;
    filter:alpha(opacity=80);
    top:66px;
    left:136px;  
    content:url(play_button_wb.png);
}
.fancybox4youtube:hover img.fancybox4youtube_pb {
    position:absolute;
    -moz-opacity:.80;
    opacity:.80;
    filter:alpha(opacity=80);
    top:66px;
    left:136px;  
    content:url(play_button_color.png);
}
</style>
</head>

<body>
  <div class="fancybox4youtube" href="http&#58;//www.youtube.com/embed/L9szn1QQfas?autoplay=1">
 <img width="320px" src="http&#58;//img.youtube.com/vi/L9szn1QQfas/mqdefault.jpg" height="180px"> <img class="fancybox4youtube_pb">
  </div>
</body>
</html>

Добавлено спустя 13 минут 21 секунду:

Все нашел сам ответ Улыбочка

Вместо
content:url(play_button_wb.png);
надо подставить
background: url(play_button_wb.png);
height:48px;
width:48px;

C нами с 20.01.2009 Репутация: **109.9**

XAMyT, может быть дело в стилевом св-ве content - оно по спецификации применяется с псевдоэлементами :after и :before (которые не все браузеры могут поддерживать). Как вариант.

Возраст: 36 C нами с 18.10.2005 Репутация: **172.8**

Столкнулся с отображением в разных браузерах, знает кто решение проблемы? В Chrome и Opera неправильно отображается, в IE и Firefox нормально.. Улыбочка

border:0; ставил, не помогает это вообще не то.. 1px намного шире этой тонкой белесой рамочки непонятной...

PS. Это вот об этой картинке речь

<img class="fancybox4youtube_pb">

Добавлено спустя 46 минут 35 секунд:

Все починил, сейчас во всех браузерах все нормально, завместо второго тега IMG использовал тег SPAN.
CSS

.fancybox4youtube { 
    position:relative; 
    height:180px;
    width:320px;
}
span.fancybox4youtube_pb {
    position:absolute;
    -moz-opacity:.80;
    opacity:.80;
    filter:alpha(opacity=80);
    top:66px;
    left:136px;  
    background: url(play_button_wb.png);
    height:48px;
    width:48px;
}
.fancybox4youtube:hover span.fancybox4youtube_pb {
    position:absolute;
    -moz-opacity:.80;
    opacity:.80;
    filter:alpha(opacity=80);
    top:66px;
    left:136px;  
    background: url(play_button_color.png);
    height:48px;
    width:48px;
}
.fancybox4youtube:hover  {
	cursor:pointer;
}

HTML

<div class="various fancybox.iframe fancybox4youtube" href="http://www.youtube.com/embed/L9szn1QQfas?autoplay=1">
   <img width="320px" src="http://img.youtube.com/vi/L9szn1QQfas/mqdefault.jpg" height="180px">
   <span></span>
</div>

span с классом class='fancybox4youtube_pb' * сайт тупит,режет тег))