CSS僅用於內置頁框的滾動條移除

以下樣式將從firefox和chrome中的iframe中移除滾動條，但我似乎無法找到ie的替代方法。我真的不想要設置scrolling屬性。有任何想法嗎？

iframe 
{ 
    height:500px; 
    width:500px; 
    overflow:hidden; 
} 

iframe::-webkit-scrollbar 
{ 
    display: none; 
}

編輯：我會在HTML中的iframe源的控制。 IE可悲意味着ie7向上。

來源

2012-04-24 James South

您可以更改到內頁？然後將它的主體設置爲'height：500px;溢出：隱藏' – 2012-04-24 14:56:02

如果IE意味着IE9，也許你只需要改變你的頭。請參閱：http://stackoverflow.com/questions/10238636/how-to-make-a-scrolling-row-of-divs-using-css-javascript/10284529#10284529 – 2012-04-24 14:58:28

我已經更新了這個問題，以澄清一些細節。 – 2012-04-24 15:02:31

-1

這個把戲怎麼樣？（如果您只是不想顯示滾動條）
您的必須有一個容器。所以，做這樣的事情：

<container> 
    <iframe src="http://www.domain.com"></iframe> 
</container>

而且你的CSS：

container { 
    width: 500px; 
    height: 500px; 
    overflow: hidden; 
    position: relative; 
} 
iframe { 
    width: 517px; /* scrollbar = 17px */ 
    height: 517px; /* scrollbar = 17px */ 
    position: absolute; 
    top: 0; left: 0; 
}

來源

2012-04-24 16:07:41 Natasha

CSS僅用於內置頁框的滾動條移除

回答

相關問題