IE8，iframes和不必要的滾動條

對於我所做的一個開發，我需要動態地創建一個帶有一些動態內容的iframe（通常是圖像 - 圖像源是動態的，但維度是固定的）。我不需要任何滾動出現在iframe中，這是我做了什麼IE8，iframes和不必要的滾動條

<iframe id="xxxx" width="70px" height="70px" style=" scrolling: no" src="content.html"> 
</iframe> 

//content.html 
<body> 
    <div style="height: 100%; width: 100%; overflow: hidden"> 
     <img id="imgDiv" src="" style="height: 100%; width: 100%; "> 
    </div> 
</body>

我也曾嘗試「溢出：隱藏」在iframe中，但觀察到類似的行爲。

這可以在FF/Chrome/Safari中正常工作，但不在IE8中！

顯然IE爲滾動條保留了一些空間，即使在指定不需要滾動條之後呢？在右側顯示一個空白區域，看起來像圖像不是中心對齊..它在iframe中看起來真的很醜，就像我在這裏需要的一樣小。

是否有解決此問題的方法？

來源

2011-08-12 Alphonso

有什麼辦法，你可以做你所需要的wihtout的iframe，似乎有點多使用一個只爲一個圖像。 –

我在這裏提到的是我正在做的一個精簡版 - 只是爲了演示問題 - 不幸的是它是一個iframe，我需要在這裏使用.. 但是，我設法讓這個工作..似乎如果我添加「overflow：hidden」，即使在IE中也能正常工作。到content.html的body標籤 – Alphonso

有一個FRAMEBORDER屬性，你可以在內部框架設置，給一個嘗試

frameborder="0"

來源

2011-08-12 09:14:28

在iframe的聲明，更改樣式屬性風格=「滾動：沒有」爲SCROLLING = 「否」

結果： < IFRAME ID = 「XXXX」寬度= 「70像素」 HEIGHT = 「70像素」 SCROLLING = 「否」 SRC =「C ontent.html」>

來源

2012-04-03 12:23:21

要隱藏邊框使用：

frameborder='0' scrolling='no'

來源

2012-09-18 23:21:18 sudip

IE8，iframes和不必要的滾動條

回答

相關問題