相关疑难解决方法(0)

我正在寻找如何在 CSS 上的图像中添加播放图标。

我尝试了这段代码，但它看起来不正确，我希望它出现在中心：

    .video { position: relative; }

.video a {
   position: absolute;
   display: block;
   background: url(http://www.slatecube.com/images/play-btn.png);
   height: 100%;
   width: 100%;
   top: 20px;
   left: 20px;
}

html：

<div class="video" >  
<img  style="height:200px"src="http://san.capitalafrique.com/imatin.net/articles/images/lionel-messi.jpg"  />
    <a href="#"></a>
</div>

这是 jsFiddle ：

演示版