{display: none} для определенного div в iframe

скрыть элемент div в iframe 1: я хочу скрыть класс div 2: div, который имеет посадочный заголовок справа

как определить элемент div {display: none}

Всего 1 ответ


Вы можете скрыть landing-header-right с помощью внутреннего CSS или внешнего CSS, например:

.landing-header-right {
    display: none;
}

Вы также можете скрыть с помощью встроенного CSS, как:

<div class="landing-header-right" style="display: none;"></div>

Очевидно, что первый более заметен. Если существует много landing-header-right и вы хотите скрыть этот конкретный, то вы можете указать идентификатор или дополнительный класс, чтобы скрыть этот элемент. В html вы можете добавить id hide-iframe в тот же div и использовать css:

// html
<div id="hide-iframe" class="landing-header-right" style="display: none;"></div>

// css
#hide-iframe {
    display: none;
}

В твоем случае:

// Remove extra style
<iframe [src]="urlSafe" style="border: 0px; margin-left: -36px; height: 812px; margin-top: -186px; margin-bottom : -186px; width: 650px; display: none;">
   <div id="hide-iframe" class="landing-header-right"></div> 
</iframe

Есть идеи?

10000