CSS + FireFox:使用scrolling = yes隐藏iframe上的滚动条

时间:2010-05-20 22:04:01

标签: css firefox scrollbar hide

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

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

以下是IE的截图:

alt text http://moismski.com/ie.png

以下是FireFox的截图:

alt text http://moismski.com/firefox.png

我忘了提到我把CSS放在iframe里面,就像这个<style>body { overflow:hidden; }</style>一样。我不能像if <iframe class="...">

那样把iframe放到iframe中

iframe放在<DIV>...</DIV>内。我把它用作模态窗口。

2 个答案:

答案 0 :(得分:5)

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

编辑: 尝试:

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

在包含div的实际页面中。

答案 1 :(得分:2)

我已经尝试了你所说的一切,并查看了这两个链接(How to remove scrollbars from Facebook iFrame application - facebook canvas height no scroll set in ie8 and firefox)讨论同样的问题,但它对我不起作用。

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

我希望这对你有所帮助。