如何在预设图像中嵌入图像或视频 [英] how to embed images or video in a preset images
本文介绍了如何在预设图像中嵌入图像或视频的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在撰写一个网站介绍页面,非常喜欢这个页面上的风格: http://www.davidhutton.com / 其他图像中有动态图像/视频。
I am writing a website intro page and really like the style on this page: http://www.davidhutton.com/ where there are moving images/video in another image like that.
为了简化它我怎么能把图像放在电视容器里这里: http://jsfiddle.net/h9Nn3/2/
To simplify it how is it that I can put an image in the TV container here: http://jsfiddle.net/h9Nn3/2/
我不确定它有多复杂,但它过于复杂,至少起点非常感谢!
I am not sure how complicated it is but it is overly complicated at least a starting point would be greatly appreciated!
推荐答案
根据你的例子,你可以这样解决:
According to your example you could solve it like this:
<style>
div.container {
width: 337px;
height: 297px;
padding: 25px 35px 0px 28px;
background: url(http://www.officialpsds.com/images/thumbs/tv-screen-1-psd29071.png) no-repeat 0 0;
}
div.container > div {
height: 189px;
overflow: hidden;
border: 1px solid red;
}
</style>
<div class="container">
<div>
This container should have a red border and fit's exactly the screen.
You can replace or fill it with everything you want, for example an img-tag.
</div>
</div>
这篇关于如何在预设图像中嵌入图像或视频的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文