Question

我需要在iframe中从顶部隐藏300px。我试图用溢出隐藏它：隐藏在CSS中，但它不能在iphone或ipad中工作。我该如何解决？

我的HTML代码

<div class="iframe-wrapper">
  <div class="iframe-content">
    <iframe src="http://my_url" width="940" height="900" frameborder="0" scrolling="no" </iframe>
  </div>
</div>

我的CSS

.iframe-wrapper {
    position: relative; 
    overflow: hidden;
    width: 940px; 
    height: 600px;
}
.iframe-content {
    position: absolute; 
    top: -300px;
}

Answer 1

我已经从您的代码中进行了演示，并且我的建议似乎正在起作用：

HTML：

<div class="iframe-wrapper">
  <div class="iframe-content">
      <iframe src="http://www.google.com" width="400" height="500" frameborder="0" scrolling="no"/>
  </div>
</div>

的CSS：

.iframe-wrapper {
    position: relative; 
    overflow: hidden;
    width: 400px; 
    height: 300px;
    border: 5px solid orange;
    margin: 20px;
    background: red;
}

.iframe-content {
    position: absolute;
    top: -300px;
}

iframe { background: blue; }

演示 - http://jsfiddle.net/MteRS/

我更改了宽度/高度，以便它更适合jsfiddle输出面板。

在ipad和iphone中隐藏iframe的一部分

1 个答案: