css – 如何将图像放在另一个上？

如何将图像放在另一个更大的图像上，如在YouTube上，播放按钮显示在视频缩略图的顶部？

解决方法

这里的每个人的答案都太复杂了。

制作一个PNG图形，半透明，带有一个似乎表示“播放”的符号。使它成为你想要的尺寸，也许是一个320×240的图形或什么不是。假设你命名为“overlay.png”

假设YouTube生成的缩略图为http://img.ytimg.com/abcdefg/0.jpg

现在你需要的代码是：

< a href =“destination_of_your_link”>< img src =“overlay.png”width =“320”height =“240”border =“0”style =“background：URL(http：//img.ytimg。 com / abcdefg / 0.jpg)中心中心黑色;“ />< / a>

只要您的目标受众尚未使用IE6，您应该是安全的。