html - 图片背后的框架？

Question

我的问题与 HTML 和 PURE html 有关。我正在为我在名为 kwick 的社交网络上的首页进行新设计，我想为我目前最喜欢的视频创建一个空间。

现在我的问题是，我如何实现这样的事情:

我像那样给我的 ipod 拍照(只是举个例子，不是我的 ipod) http://www.clein-online.de/schmuck_projekte/files/ipod_nano_schutzhuelle.jpg

现在我想将此图片创建为 gif 并剪切显示，现在在剪切区域后面，应该显示一个 youtube 视频，以嵌入播放器未完全显示的方式，我的意思是，播放器完全在那里，但图片是躺在上面。

如何做到这一点？

Answer 1

您根本不需要剪切图像。制作一个有足够空间容纳整个ipod图片的div，并使用CSS使其成为背景图片(如果你不能添加自己的CSS文件，可以是内联样式)。

<div style="background:url(ipod.jpg); width:300px; height:400px;">
    <iframe src="..." style="margin: 25px auto 0;" width: 250px; height: 200px;></iframe>
</div>

将边距、宽度和高度应用到您的 iframe 或 embed 或 object 以将其定位在具有 ipod 背景图像的 div 中。

您可以将 iframe 设置为您需要的大小，并在必要时使其隐藏任何溢出，但我认为如果您无法控制嵌入，您将无法隐藏部分 Flash代码。