我使用“img”标签添加了一个徽标。这导致我的嵌入式网站下拉不再滚动。我使用 iframe 标记嵌入其他网站

Question

我最近使用“img”标签在我的网站右下角添加了一个徽标。由于某种原因，这导致我的嵌入式下拉网站不再能够滚动。每当我尝试滚动它时，它只会突出显示我添加的徽标。我使用 iframe 标记将网站嵌入到下拉列表中。我在下面使用的代码。

嵌入式下拉代码：

<div class="holder"><iframe class="iframe" src="mission statement.html"></iframe><div class="bar"></div>
</div>
CSS:.iframe {position: absolute; top: 300px;}

干扰标志代码：

<div class="holder"> <img class="img" src="Gary Logo Finial Size test (1).jpg"> <div class="bar"></div></div>
CSS:.holder{
   width: 450px;
   height:300px;
   position:relative;}
.frame{
   width: 100%;
   height:100%;}
.bar{
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:40px;}
   .img {position: absolute; top: 500px; left: 1750px; height: 50%;}

Div 标签用于使图像出现在我的背景之上。谢谢！

Answer 1

我想通了！结果发现 img 和 iframe 标签都在使用“holder”标签。这就是为什么我不能再滚动了。我只是简单地从 img 代码中删除了 class="holder"。