Question

我当前正在使用以下代码

<div id='outerdiv'>
<iframe src="url" id='inneriframe' scrolling=no></iframe> </div>
<style>
#outerdiv
{
width:675px;
height:382px;
overflow:hidden;
position:relative;
}

#inneriframe
{
position:absolute;
top:-240px;
left:-50px;
width:796px;
height:992px;
}
</style>  </div>
</body></html>

但是它周围似乎有一个边框。...我将如何从代码中删除该边框，这很烦人，而且我似乎无法弄清楚，所以任何建议都很棒！ !!!预先感谢

Answer 1

这应该有效

<html>

<body>
  <div id='outerdiv'>
    <iframe src="url" id='inneriframe' scrolling=no>
    </iframe>
  </div>
  <style>
    #outerdiv {
      width: 675px;
      height: 382px;
      overflow: hidden;
      position: relative;
    }
    
    #inneriframe {
      position: absolute;
      top: -240px;
      left: -50px;
      width: 796px;
      height: 992px;
      border: none
    }
  </style>
</body>

</html>

iframe本身具有属性frameborder，您也可以使用该属性。

<iframe src="url" id='inneriframe' scrolling=no frameborder="0">

Answer 2

在css中为iframe添加border:none。

iframe有边框

2 个答案: