我有一些div缩略图图像。有没有一种方法可以使用css(我的播放图标有一个类名称overlayicon)将播放图标放在缩略图图像的中心(我的缩略图图像具有类名称ItemImage)?如何覆盖视频缩略图图像上的播放按钮?
<div class="ItemLeft">
<div class="Clipping">
<a class="ImageLink" href="/videos/id8" title="galaxy">
<img class="ItemImage" src="/Images/video8.jpg" alt="video 8" />
<img class="OverlayIcon" src="/Images/1.png" alt="" />
</a>
<a class="DurationInfo" onmouseover="showDuration2(this);" onmouseout="hideDuration2(this);" href="/videos/id1234"><span class="Text">51:57</span></a>
</div>
<div class="Title"><a href="/videos/id8" title="galaxy">galaxy</a></div>
<div class="VideoAge">1 daybefore</div>
<div class="PlaysInfo"> broadcast 265</div>
</div>
我的CSS:
.Item.ItemLeft, .Item.ItemMiddle, .Item.ItemRight
{
float:left;
margin-right:15px;
}
.clear
{
clear:both;
}
img.ItemImage {
width: 18em;
height: 10em;
}
.OverlayIcon {
position: absolute;
top: 40px;
left: 65px;
}
这里是小提琴我想要在每个拇指中间的那些红色图标.http://jsfiddle.net/k6yAQ/ – user1788736 2013-03-21 05:44:44
你可以更新播放按钮图像吗?由于访问受限,它没有显示。 “403 - 禁止”。如果不是,图像维度是什么? – kyooriouskoala 2013-03-21 05:59:57
我不知道为什么它不显示在你身边,但尺寸是:56px×37px。有没有其他图像托管,我可以在那里上传? – user1788736 2013-03-21 06:04:27