Il colore di sfondo dell'iFrame non funziona

Ho recentemente incorporato alcune visualizzazioni in un post di forum (alimentato da discourse) e hanno un aspetto terribile in modalità scura perché gli iframe hanno sfondi trasparenti.

Quindi ho provato a cambiare il colore di sfondo degli iframe. Ho scoperto come e l’ho testato su hackmd; ha funzionato bene. Ma quando lo invio sul forum discourse, non funziona! La modalità scura prevale.

Ecco la struttura del codice che sto utilizzando:

<iframe>

1 Mi Piace

Probabilmente dovrai usare CSS personalizzato per impostare un colore di sfondo personalizzato per il tuo iframe, poiché gli stili/le classi vengono rimossi da tutti i post su Discourse per impostazione predefinita.

Ad esempio, all’interno di un argomento potresti usare:

<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>

E poi nel CSS personalizzato per il tema che stai utilizzando aggiungi:

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

Se sei interessato a mettere in whitelist stili/classi sul tuo sito, questo deve essere fatto con un plugin.

4 Mi Piace

Grazie mille, ha funzionato!

2 Mi Piace

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.