Können HTML-Dokumente oder -Fragmente in CSS-Inhalten angezeigt werden?

Ist es möglich, ein .html-Dokument oder ein .html-Fragment im CSS-Inhalt anzuzeigen?

Frage:

Es ist möglich, ein anzuzeigen image an der CSS-Inhaltseigenschaft des HTML-Elements am url()-Wert des Inhalts?

<code class="css">.content {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAScAAADBCAYAAACNMHZqAAAABHNCSVQICAgIfAhkiAAAApJJREFUeJzt1DEBwCAQwMCnynEOBrqT4U5BpqzZcwYg5nsdAPDHnIAkcwKSzAlIMicgyZyAJHMCkswJSDInIMmcgCRzApLMCUgyJyDJnIAkcwKSzAlIMicgyZyAJHMCkswJSDInIMmcgCRzApLMCUgyJyDJnIAkcwKSzAlIMicgyZyAJHMCkswJSDInIMmcgCRzApLMCUgyJyDJnIAkcwKSzAlIMicgyZyAJHMCkswJSDInIMmcgCRzApLMCUgyJyDJnIAkcwKSzAlIMicgyZyAJHMCkswJSDInIMmcgCRzApLMCUgyJyDJnIAkcwKSzAlIMicgyZyAJHMCkswJSDInIMmcgCRzApLMCUgyJyDJnIAkcwKSzAlIMicgyZyAJHMCkswJSDInIMmcgCRzApLMCUgyJyDJnIAkcwKSzAlIMicgyZyAJHMCkswJSDInIMmcgCRzApLMCUi6PDoDAbyCsn8AAAAASUVORK5CYII=);
}</code>

<code class="html"><div class="content"></div></code>

Oder die Verwendung der Inhaltseigenschaft an einem Pseudoelement, zum Beispiel ::before

<code class="css">.content::before {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAScAAADBCAYAAACNMHZqAAAABHNCSVQICAgIfAhkiAAAApJJREFUeJzt1DEBwCAQwMCnynEOBrqT4U5BpqzZcwYg5nsdAPDHnIAkcwKSzAlIMicgyZyAJHMCkswJSDInIMmcgCRzApLMCUgyJyDJnIAkcwKSzAlIMicgyZyAJHMCkswJSDInIMmcgCRzApLMCUgyJyDJnIAkcwKSzAlIMicgyZyAJHMCkswJSDInIMmcgCRzApLMCUgyJyDJnIAkcwKSzAlIMicgyZyAJHMCkswJSDInIMmcgCRzApLMCUgyJyDJnIAkcwKSzAlIMicgyZyAJHMCkswJSDInIMmcgCRzApLMCUgyJyDJnIAkcwKSzAlIMicgyZyAJHMCkswJSDInIMmcgCRzApLMCUgyJyDJnIAkcwKSzAlIMicgyZyAJHMCkswJSDInIMmcgCRzApLMCUgyJyDJnIAkcwKSzAlIMicgyZyAJHMCkswJSDInIMmcgCRzApLMCUi6PDoDAbyCsn8AAAAASUVORK5CYII=);
}</code>

<code class="html"><div class="content"></div></code>

Ist es möglich, ein .html-Dokument oder ein .html-Element als CSS-Inhalt zu rendern?

<code class="css">.content {
  content: url(data:text/html,abc);
}</code>

<code class="html"><div class="content"></div></code>

Referenzen:

• [CSS-generiertes Inhaltsmodul Level 3](https://www.w3.org/TR/css-content-3/)

Update:

Die weitesten konnten hier erreichen, zum Einbetten und Anzeigen von HTML-Dokumenten in CSS-generierten Inhalten; Verwendung des von @LGSon demonstrierten Ansatzes. Einschließlich CSS-generierter Inhalte auch in HTML bei SVG.

Wie von @RokoC.Buljan angemerkt, ist der MIME-Typ nicht „text/html“.

<code class="css">content {</code>

Das obige ist der detaillierte Inhalt vonKönnen HTML-Dokumente oder -Fragmente in CSS-Inhalten angezeigt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!