如何使用css隐藏iframe中的滚动条?

时间:2014-05-20 18:36:18

标签: css html5

我使用HTML5。在我的 iframe 中,如果我使用 scrolling =" no" 我的浏览器(chrome)支持它。但有些网站说HTML5中不支持滚动属性。我决定使用css但是 overflow:hidden;溢出 - X:隐藏;溢出-y:隐藏任何一个都不会影响任何东西。我该怎么办?我是否应继续使用 scrolling =" no" 因为它仍可在HTML5中使用

2 个答案:

答案 0 :(得分:0)

CSS:

<style>
    .restricted{width:200px; height:200px; overflow-y: hidden;}
</style> 

IFRAME:

<iframe src="http://cnn.com" class="restricted" scrolling="no"></iframe>

答案 1 :(得分:-1)

要隐藏滚动条,您需要向iframe添加滚动属性。

<iframe id="myiframe" src="http://www.cnn.com" style="width:200px;height:200px;" scrolling="no"/>