CSS + FireFox:将滚动条隐藏在iframe上并且滚动= yes

我有一个滚动=是的iframe。 Mozilla FireFox浏览器是否可以使用CSS完全隐藏滚动条?

例如,在Internet Explorer中,我使用这个:Overflow-x:hidden; 溢出-y:隐藏; - 它隐藏了滚动条,但FireFox忽略了这个CSS。

这里是来自IE的截图:

替代文字http://moismski.com/ie.png

以下是FireFox的截图:

替代文字http://moismski.com/firefox.png

我忘了提及我把CSS放在这个<style>body { overflow:hidden; }</style> iframe中的<style>body { overflow:hidden; }</style> 。 我不能把类放在iframe中,就像<iframe class="...">

Iframe放在<DIV>...</DIV> 。 我使用它就像一个模态窗口。


您是否尝试在iframe或父容器上设置宽度/高度的显式值? 另外,你的iFrame是否包含任何东西?

编辑:尝试:

div {overflow:hidden;}
div iframe {border:0;overflow:hidden;}

在包含div的实际页面中。


我试过你说的一切,看着这两个链接(如何从Facebook的iFrame应用程序中删除滚动条 - 在ie8和Firefox的facebook画布高度没有滚动设置),讨论同样的问题,但它并没有为我工作。

我的工作是将应用画布配置(https://developers.facebook.com/apps)高级部分中的画布设置更改为固定画布宽度(760px)和高度(固定为800)。

我希望这对你有所帮助。

链接地址: http://www.djcxy.com/p/88109.html

上一篇: CSS + FireFox: hiding scrollbar on iframe with scrolling=yes

下一篇: How to create a <style> tag with Javascript