问题
我想在图像中显示iframe,但不知道如何执行此操作。有没有比使用CSS完全定位更好的方法?
我有一个显示其他网站的html页面,我想在该页面下图的屏幕内显示一个iframe。
最佳答案
我将屏幕设为背景图片,然后使用了绝对定位的iframe。
我在演示的屏幕上添加了YouTube iframe。
Demo
.outer {
background-image: url('http://i.stack.imgur.com/6hnLq.png');
width:420px;
height:365px;
}
.inner {
position: relative;
background-color:;
left: 67px;
top: 109px;
width:277px;
height:150px;
}
............
<div class="outer"><iframe class="inner"></iframe>
您甚至可以使用2像素或3像素的边框半径来匹配图像。