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

Question

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

但是，我想使用 span 背景图像在视频图像上添加一个 css sprite 播放按钮。

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

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

这是一个jsfiddle用我的代码。

Answer 1

尝试类似的东西

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

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

这可能不是准确的中心，您需要根据您的图像设置正确的 left 和 top。