困惑的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广告，但广告不可见，请帮忙！

Answer 1

您目前正在将您的风格应用于文档中的所有iframe和imgs。

您应该使用类或ID，因此您只应用于某些元素。

使用课程：

iframe.myframe{
...
}

//or simply

.myframe{

}

使用ID

#myframe {
...
}

，你的HTML应该是：

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

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

希望它有所帮助！