问题

我想在图像中显示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像素的边框半径来匹配图像。

10-05 21:00
查看更多