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