无法创建具有固定位置的iframe

时间:2013-08-21 10:26:20

标签: html css

我需要创建具有固定(绝对)位置的iframe。 我用了

<iframe src="http://www.whatismyreferer.com" width="300" height="300" style="position: fixed; left: 100; top: 10"></iframe>

但它不起作用:( 我的iframe显示类似样式“left”和“top”为0

所以问题是如何在页面上创建具有固定位置的iframe并正确设置左侧和顶部参数?

问候!

2 个答案:

答案 0 :(得分:1)

更改为100px10px以使定位生效。

使用CSS或内联CSS时,您需要指定像素(px),否则会出现问题。

答案 1 :(得分:0)

尝试在iframe周围添加div,并将样式设置应用于该div而不是iframe:

<div style="position: fixed; left: 100; top: 10">    
<iframe src="http://www.whatismyreferer.com" width="300" height="300" ></iframe>
</div>

因为新的div包含iframe,所以你应该能够以那种方式控制它