2012-06-12 114 views
3

我試圖刪除iframes滾動條和frameborder。我不能使用frameborder=0scrolling=no,因爲它們不再支持HTML5。根據W3C驗證器,seamless屬性會引發警告,說明它尚未實現。我在網上發現了一個網頁,上面說使用overflow:hidden來移除滾動,但它並沒有移除滾動條,至少在我的谷歌瀏覽器中是這樣。我沒有檢查其他瀏覽器。此外,frameborder仍然存在,即使我使用了border:none。我也試圖用css設置iframe的寬度和高度,但它不想聽。這裏是我當前的代碼:HTML5 CSS3和IFRAMES?

#vidframe 
{ 
    width: 577px; 
    height: 358px; 
    overflow: hidden; 
    border: none; 
} 

<iframe name="videoframe" id="vidframe" src="video1.html"></iframe> 

是啊,我很容易可以添加寬度= XXX HEIGHT = XXX到iframe標籤,但我的理解是,與HTML5的目標是讓儘可能多的編碼到CSS儘可能...所以我不應該能夠設置樣式表中的iframes寬度和高度?再次,溢出隱藏沒有刪除滾動條...和邊框:沒有沒有刪除邊框...

+0

*** ***修正 我剛剛又試了一次又一次..它被卡在我緩存。它現在在Chrome和Firefox中看起來很完美.. 但是,在Internet Explorer 9中顯示的是醜陋的滾動條!爲什麼微軟如此遲鈍!任何想法如何採取上述代碼,並得到它刪除滾動條的IE瀏覽器? – IncomePitbull

+0

沒有人想回答:(我只需要從Internet Explorer中的iframe中刪除滾動條,它需要是HTML5有效的,這意味着我不能在html標籤中使用滾動= no,它忽略了CSS。除非有人知道CSS中的一個竅門,那麼我期待的JavaScript我猜... – IncomePitbull

回答

11

解決方案是添加溢出:隱藏在被加載到iframe中的文件的CSS。如果文檔不是您可以控制的源代碼,則使用javascript將溢出隱藏屬性添加到其正文中。

+0

+1顯示答案。你的問題只是在這裏45分鐘,所以也許有更多的時間有人會回答。嘗試幫助你看,但看到你回答它 –

+0

如果我添加'overflow:hidden;'到'html'標籤而不是'body',它會有所作爲嗎? – Mori

+0

如果OP直接找到答案,那麼直接添加他的答案沒有任何問題。 –