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

前端之家收集整理的这篇文章主要介绍了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,您应该是安全的。

原文链接:https://www.f2er.com/css/219625.html

猜你在找的CSS相关文章