Смущен 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

вы в настоящее время применяете свой стиль ко всем фреймам и imgs в документе.

Вместо этого вы должны использовать классы или идентификаторы, чтобы применять их только к определенным элементам.

Использование классов:

iframe.myframe{
...
}

//or simply

.myframe{

}

Использование идентификаторов

#myframe {
...
}

и ваш HTML должен быть:

<iframe class="myframe"> или <iframe id="myframe">

Идентификаторы могут использоваться только один раз для каждого документа, в то время как классы могут использоваться для нескольких тегов. Таким образом, ваш CSS должен влиять только на определенные элементы, а остальное не изменять

Надеюсь, это поможет!