2010-05-20 98 views
4

我有一個iframe滾動=是。 Mozilla FireFox瀏覽器是否可以使用CSS完全隱藏滾動條?CSS + FireFox:隱藏滾動條iframe滾動=是

例如,在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,以完全一樣<style>body { overflow:hidden; }</style>裏面說iframe。我不能把課堂上的iframe本身,如<iframe class="...">

iframe是放在<DIV>...</DIV>裏面。我使用它就像一個模態窗口。

+0

你剛試過'overflow:hidden'嗎? – 2010-05-20 22:07:18

+0

是的,無論如何它顯示滾動條! – ilnur777 2010-05-20 22:10:21

+1

只需使用CSS:.frame {overflow:hidden; width:100%; height:100%} 我現在試過了。如果你看到滾動可能是不是框架,但一些父元素? – chapluck 2010-05-20 22:33:25

回答

5

您是否嘗試過在iframe或父容器上設置寬度/高度的顯式值?另外,你的iFrame是否包含任何東西?

編輯: 嘗試:

div {overflow:hidden;} 
div iframe {border:0;overflow:hidden;} 
在您的實際頁面

包含股利。

+0

是的,我在iframe設置上設置了width =「100%」height =「100%」!我在iframe中有註冊表單。 – ilnur777 2010-05-20 22:23:50

+0

啊。好的,邊框會增加尺寸,所以您的iframe實際上比視口大。嘗試邊框:0;除非你真的需要看到iframe? – edl 2010-05-20 22:28:17

+0

我想你不能編輯你的評論,或者我也不太喜歡這樣做?基本的交易是,當你有任何東西是100%的容器和任何東西增加額外的邊框,填充或邊距時,它會產生一個滾動條。您可以嘗試發佈您的整個代碼以及您正在使用的所有CSS規則。否則,我只能猜測。 :) – edl 2010-05-20 22:43:11