Цвет фона iFrame не работает

Поддержка
1

Недавно я встроил несколько визуализаций в пост на форуме (на базе Discourse), и, к сожалению, в тёмной теме они выглядят ужасно, потому что у iframes прозрачный фон.

Поэтому я попытался изменить цвет фона у iframes. Я нашёл способ и протестировал его на HackMD — всё сработало отлично. Но когда я отправляю это на форум Discourse, ничего не работает! Остаётся тёмная тема.

Вот структура кода, которую я использую:

<iframe width="100%" height="300" style="background-color: #FFFFFF" src="https://dune.com/embeds/1002945/1734962/fe28df65-99a3-4b98-8cb4-e97f132c8165" frameborder="0"></iframe>

2

Скорее всего, вам потребуется использовать пользовательский CSS, чтобы задать собственный цвет фона для вашего iframe, поскольку стили и классы по умолчанию удаляются из всех постов в Discourse.

Например, внутри темы вы можете использовать:

<div data-theme-1>
<iframe width="100%" height="300" src="https://dune.com/embeds/1002945/1734962/fe28df65-99a3-4b98-8cb4-e97f132c8165" frameborder="0"></iframe>
</div>

А затем в пользовательском CSS для используемой вами темы добавьте:

div[data-theme-1] {
  background-color: #FFFFFF;
}

Если вы хотите разрешить использование стилей и классов на вашем сайте, это можно сделать только с помощью плагина.

3

Спасибо большое, это сработало!