css - 对CSS感到困惑，隐藏了iframe

Question

我使用 CSS 代码将 iframe 隐藏在图像后面:

<style> 
iframe{
opacity: 0;
border: 0px none transparent;
position: absolute;
top: 0px;
left: 0px;
height: 400px;
width: 500px;
filter:alpha(opacity=0);
}
img{
position: absolute;
top: 0px;
left: 0px;
height: 350px;
width: 401px;
}
</style>

我在标题中插入了 Google Ads，但广告不可见，请帮忙!

Answer 1

您当前正在将您的样式应用于文档中的所有 iframe 和 img。

您应该改用类或 ID，这样您就可以只对某些元素应用。

使用类:

iframe.myframe{
...
}

//or simply

.myframe{

}

使用 ID

#myframe {
...
}

您的 HTML 应该是:

<iframe class="myframe">或 <iframe id="myframe">

Id 只能在每个文档中使用一次，而类可以在多个标签上使用。这样你的 CSS 应该只影响特定的元素，其余的保持不变。

希望对您有所帮助!