CSS + FireFox：隐藏滚动条的iframe滚动=是 [英] CSS + FireFox: hiding scrollbar on iframe with scrolling=yes

问题描述

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

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

这里是IE的屏幕截图：

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

以下是FireFox的屏幕截图：

alt文字http://moismski.com/firefox.png

我忘记提及，我把CSS，就像这样说< style> body {overflow：hidden; }< / style> 在iframe中。 iframe class =...>

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

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

编辑：
尝试：

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

在包含div的实际页面中。

I have an iframe with scrolling=yes. Is it possible to fully hide scrollbar using CSS for the Mozilla FireFox browser?

For instance, on the Internet Explorer I'm using this: Overflow-x: hidden; Overflow-y: hidden; - and it hides scrollbars, but FireFox ignores this CSS.

Here is screenshot from IE:

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

Here is screenshot from FireFox:

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

I forgot to mention that I put CSS, to say exactly like this <style>body { overflow:hidden; }</style> inside the iframe. I can't put class to iframe itself like <iframe class="...">

Iframe is put inside the <DIV>...</DIV>. I use it like a modal window.

解决方案

Have you tried setting explicit values for width/height on either the iframe or parent container? Also, does your iFrame contain anything?

EDIT: Try:

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

in your actual page that contains the div.

这篇关于CSS + FireFox：隐藏滚动条的iframe滚动=是的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！