image - 图像叠加层上的图像（替代代码）

Question

我有一个问题......我已经生成了 Youtube 缩略图，我想添加一个带有 alt 代码的“播放按钮”，这与这个相同：►</p>

但是，无论我做什么，这个按钮都不会出现。

PS：问题是它是一个脚本，我似乎无法在缩略图上添加这个按钮。我为图像制作了一个类，按钮必须出现在该类上，但即便如此，按钮也没有出现。不透明度之类的东西已经完成了，我唯一想要的就是这个按钮，但正如前面所说，它不起作用。

img.className = 'but'（这是我在脚本中创建的类）。脚本就是这个 -->

http://www.yvoschaap.com/ytpage/ytembed.js

Answer 1

Alt 代码图像仅在图像不可用时出现。它不会覆盖图像。

Answer 2

您可以为此使用 css 和 div

#OverlayImage1
{
position: absolute;
left: 20px;
top: 20px;
width: 56px;
height: 45px;
background: url(underimage.jpg) no-repeat top left;
opacity: .80;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
}

#OverlayImage2
{
position: absolute;
left: 40px;
top: 20px;
width: 56px;
height: 45px;
background: url(play.image) no-repeat top left;
opacity: .80;
filter: alpha(opacity=80);
-moz-opacity: 0.8;
}

您也可以根据您的图像修改左：，上：，宽度：和高度：希望这能解决您的问题