CSS仅删除iframe的滚动条

Question

我似乎无法找到明确的答案。

以下样式将从firefox和chrome中的iframe中删除滚动条，但我似乎无法找到ie的替代方案。我真的不想设置scrolling属性。有什么想法吗？

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

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

编辑：我无法控制iframe源的html。 IE遗憾地意味着ie7向上。

Answer 1

这招怎么样？ （如果你只是不想显示滚动条）
您的<iframe>必须有一个容器。所以做这样的事情：

<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;
}