Question

先谢谢。我在网页上添加了另一个网页的iframe。我的网页有背景。当你向下滚动我的网页时，iframe后面有一个巨大的白色块，阻挡了我的背景。我需要摆脱白色块或使其透明。

实施例： https://e-scapeps.com/hiscore/index.php

HTML：

<div class="border2">                                   
  <iframe src="https://e-scapeps.com/hiscore/tindex.php" >
    <p>Your browser does not support iframes.</p>
  </iframe>
</div>

CSS：

.border2 iframe {
  border: none;
  width: 1050px;
  height: 1890px;
  margin: 0;
  padding: 0;
  opacity: 0.8;
  display:block; 
  overflow-y: hidden;
}

Answer 1

将背景图像规则放在：

<div class="page-holder">

白色背景来自此div，因此您可以从以下位置移动背景规则：

<div id="home" class="header-1 aged">

到

<div class="page-holder">

我已经在开发工具中尝试了这个并且效果很好。请注意，在我的情况下，我将主文件夹放在URL中以查找图像：

background: url('../main/images/header-images/bg/aged-hero-bg-1.jpg') no-repeat center center fixed;"

还记得从旧版div中删除规则。

html iframe创建一个白色背景

1 个答案: