溢出:隐藏; 在使用IFRAME的Chrome上无法使用?
我有一个溢出隐藏在CSS和HTML的IFRAME。 它适用于Firefox,但不适用于Chrome / Safari
为什么是这样?
对,如何:
<iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe>
如在scrolling="no"
经过一个相当大的研究,我已经完成了这个问题,我想发布我的答案,我build议,可以是Joonas的答案的补充:
<style> iframe { overflow:hidden; } </style> (...) <iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe>
我认为,应该提供scrolling
和overflow:hidden
,虽然这个解决scheme不能在Chrome和HTML5文档types的组合中工作。 scrolling
属性在HTML5中已弃用, overflow
属性不会影响Chrome中的iframe。 我认为,后者是一个错误,因为HTML5规范明确指出:
另外, HTML5没有 HTML4 中的表示属性 ,因为它们的function更好地由CSS处理:
(……)
– td和th的nowrap属性。
– 表上的规则属性。
– 在iframe上滚动属性 。
– 小时的尺寸属性。
– li上的type属性和ul。
(……)
这很明显 – 在HTML5 scrolling
应该被CSS overflow
取代。
<style> iframe::-webkit-scrollbar { display: none; } </style>
正如在Safari / Chrome(Webkit)上find的那样 – 无法隐藏iframe垂直滚动条
使用overflow-y:hidden; 那么垂直滚动将被隐藏。
width: 99.99%;
为我做了诡计。
我在Chrome中遇到了这个问题,但在Firefox中却没有。