Question

我有一个用Javascript得到的宽度和高度的图像。我想在图像上设置背景图像。

表示背景图像看起来像图像，因为youtube在视频上显示称为播放图标的图像。

我想在图像上显示它们。谁能告诉我如何在图像上设置playicon。

Answer 1

我完全不明白你的问题。我想您要img放在background-image上，如果是，请查看以下示例：

<强> HTML

<div>
    <img id="play" src="http://dummyimage.com/40x40/454/000&text=Play">
    <img id="pause" src="http://dummyimage.com/40x40/848/000&text=Pause">
</div>

<强> CSS

div {background:url("http://dummyimage.com/300x300/000/fff&text=video") no-repeat;
    height:300px;
    width:300px;
    position:relative;
}
img#play {
    position:absolute;
    bottom:0;   
}
img#pause {
    position:absolute;
    bottom:0;
    left:40px;
}

演示： http://jsfiddle.net/ACazB/

div position:relative img内div position:absolute div top。这将允许您操纵bottom范围内任何图像的位置。使用框偏移left，right，{{1}}，{{1}}，您可以将图像移动到所需的位置。

http://css-tricks.com/791-absolute-positioning-inside-relative-positioning/

http://www.w3.org/TR/CSS2/visuren.html#position-props

我如何设置图像的背景图像？

1 个答案: