IE上固定定位的iframe问题

时间:2013-03-05 23:22:08

标签: html css iframe

我有一个像这样的iframe :(这个框架一直出现在屏幕的左边)

<iframe src="frame/index.html" class="left"></iframe>   

和CSS

.left
{
position: fixed;
top: 25%;
left: 1em;  
width:200px;
height:200px;
overflow:hidden;
margin-right:10px;
border-style:none;
}

它在所有网络工具包浏览器中都很完美,但在IE上它显示在顶部(和中间)有边框和异常高度。

我试图搞砸了大量的定位,但无法做到正确。 任何帮助,将不胜感激!提前致谢

干杯!

2 个答案:

答案 0 :(得分:2)

似乎这个小提琴适用于我的IE9(9.0.8112.164)。浏览器的定位看起来是一致的。

http://jsfiddle.net/5sbXG/2/

我确实更改了你的示例中的iframe标记以摆脱滚动条(IE似乎忽略了溢出:隐藏在iframe上)。

<iframe src="http://www.rockpapershotgun.com" class="left" scrolling="no">
</iframe> 

你的结局看起来不对吗?

答案 1 :(得分:1)

添加:

frameBorder="0";
scrolling="no";
position:absolute;
allowtransparency="true";

工作!