问题描述

我有一个 IFRAME，隐藏在 css 和 html 中。它适用于 Firefox，但不适用于 Chrome /Safari

为什么是这样？

最佳解决思路

对，怎么样？

<iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe>

如 scrolling="no"

http://jsfiddle.net/neSBS/

次佳解决思路

经过一个相当大的研究，我已经做了这个问题，我想发布我的答案，我建议，可能是一个补充 Joonas 的答案：

<style>
    iframe {
        overflow:hidden;
    }
</style>
(...)
<iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe>

我认为，应该提供 scrolling 和 overflow:hidden，尽管这个解决方案不能在 Chrome 和 HTML5 文档的组合中使用。 scrolling 属性在 HTML5 中已弃用，overflow 属性不会影响 Chrome 中的 iframe 。我假设后者是一个错误，因为 HTML5 specification 清楚地说：

In addition, HTML5 has none of the presentational attributes that were in HTML4 as their functions are better handled by CSS:
(…)
– nowrap attribute on td and th.
– rules attribute on table.
– scrolling attribute on iframe.
– size attribute on hr.
– type attribute on li, and ul.
(…)

很清楚 – 在 HTML5 scrolling 应该被 CSS overflow 替代。

参考文献

注：本文内容整合自 Google/Baidu/Bing 辅助翻译的英文资料结果。如果您对结果不满意，可以加入我们改善翻译效果：薇晓朵技术论坛。