css - 如何在视频图像中定位css sprite播放按钮

Question

我正在使用一些我目前不允许更改的旧表结构 html。

但是，我想使用跨度背景图像在视频图像上添加一个 CSS 精灵播放按钮。

我无法让播放按钮图像在带有 CSS 的视频图像内对齐。在真实站点上，它们一直位于页面顶部。我知道这是因为绝对定位。

我的问题是，如何将这些播放按钮图像定位在特定的视频图像中。

这是我的代码的jsfiddle。

Answer 1

尝试类似的东西

a { display: block; position: relative; }
a span { position: absolute; left: 100px; top: 80px; }

http://jsfiddle.net/PyJXh/7/

这可能不是确切的中心，您需要设置正确left并top取决于您的图像。