html - IE 上固定定位 Iframe 的问题

标签 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;
}

它在所有 web-kit 浏览器中都能完美运行,但在 IE 上,它出现在顶部(和中间),带有边框和异常高度。

我尝试搞乱很多定位,但无法做到正确。 任何帮助,将不胜感激!提前致谢

干杯!

最佳答案

看起来这个 fiddle 可以在我的 IE9 (9.0.8112.164) 上运行。各个浏览器的定位看起来是一致的。

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

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

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

从你的 Angular 来看,这看起来有问题吗?

关于html - IE 上固定定位 Iframe 的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15236067/

相关文章:

python - Google App Engine 出现意外的 'site can' t 提供安全连接'错误

html - 如何去除 ionic 元素周围的填充?

javascript - 条件与运算符 (&&) 可以包含 2 个以上的操作数吗?

css - 在 CSS 中使用子选择器 (>) 有问题吗?

javascript - 如何通过表单外的元素在移动设备上提交表单

javascript - 从 iframe 获取文本并设置范围

html - 如何在css中自上而下之前从左到右流动多列元素?

css - 在 Jupyter Notebook 中编辑代码和 Markdown 单元格的不同字体设置

javascript - 在父级中使用 javascript 编辑 iframe 的 DOM

javascript - 如何阻止 iFrame 中的特定代码行?