我有一个IFRAME与溢出隐藏在CSS和HTML。它在Firefox中工作,但不是Chrome/Safari为什么会这样呢?
cu6pst1q1#
好吧,不如这样:
<iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe>
如scrolling="no"http://jsfiddle.net/neSBS/
scrolling="no"
wr98u20j2#
在我对这个问题做了大量的研究之后,我想发布我的答案,我建议,可以作为Joonas答案的补充:
<style> iframe { overflow:hidden; } </style> (...) <iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe>
我认为应该提供scrolling和overflow:hidden,尽管这种解决方案在Chrome和HTML5 doctype的组合中无法工作。scrolling属性在HTML5中已被弃用,overflow属性不会影响Chrome中的iframe。我认为,后者是一个bug,因为HTML5规范明确指出:此外,HTML5没有HTML4中的表示属性,因为它们的功能更好地由CSS处理:(...)
scrolling
overflow:hidden
overflow
xzabzqsa3#
<style> iframe::-webkit-scrollbar { display: none; } </style>
如-Safari/Chrome (Webkit) - Cannot hide iframe vertical scrollbar上所示
0ejtzxu14#
奇怪但-转换:return(0.00001deg); for div with overflow:隐藏;帮助我。
ztigrdn85#
width: 99.99%;为我做了这个把戏。我在Chrome中遇到了这个问题,但在Firefox中没有。
width: 99.99%;
6tr1vspr6#
使用**overflow-y:隐藏;**则垂直滚动条将被隐藏。
6条答案
按热度按时间cu6pst1q1#
好吧,不如这样:
如
scrolling="no"
http://jsfiddle.net/neSBS/
wr98u20j2#
在我对这个问题做了大量的研究之后,我想发布我的答案,我建议,可以作为Joonas答案的补充:
我认为应该提供
scrolling
和overflow:hidden
,尽管这种解决方案在Chrome和HTML5 doctype的组合中无法工作。scrolling
属性在HTML5中已被弃用,overflow
属性不会影响Chrome中的iframe。我认为,后者是一个bug,因为HTML5规范明确指出:此外,HTML5没有HTML4中的表示属性,因为它们的功能更好地由CSS处理:
(...)
-iframe上的滚动属性。
(...)
在HTML5中,
scrolling
应该被CSSoverflow
取代。xzabzqsa3#
如-Safari/Chrome (Webkit) - Cannot hide iframe vertical scrollbar上所示
0ejtzxu14#
奇怪但-转换:return(0.00001deg); for div with overflow:隐藏;帮助我。
ztigrdn85#
width: 99.99%;
为我做了这个把戏。我在Chrome中遇到了这个问题,但在Firefox中没有。
6tr1vspr6#
使用**overflow-y:隐藏;**则垂直滚动条将被隐藏。