如何在视频图像中定位css精灵播放按钮

时间:2012-10-01 08:24:10

标签: css html css-sprites

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

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

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

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

以下是我的代码jsfiddle

1 个答案:

答案 0 :(得分:0)

尝试类似

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

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

这可能不是确切的中心,您需要根据图像设置正确的lefttop

相关问题