是否可以替代适用于所有浏览器的无缝属性

Question

我正在制作一个iframe，我希望它看起来像是页面的一部分。 我找不到适用于所有主流浏览器的方法。 这是我的代码

<iframe src="page.html" width="100%" seamless>Your browser does not support iframes.</iframe>

但它不起作用 你能帮忙吗？

Answer 1

虽然任何现代浏览器都不支持seamless属性，但您可能希望使用css来模拟它，以便您入门：

iframe[seamless]{
    background-color: transparent;
    border: 0px none transparent;
    padding: 0px;
    overflow: hidden;
}

  

注意：使用IE，您可能需要包含其他属性才能使seamless Outlook工作：

     

<iframe frameborder="0" allowtransparency="true" scrolling="no" src="...">