Bolehkah Dokumen atau Serpihan HTML Dipaparkan dalam Kandungan CSS?

Adakah mungkin untuk memaparkan dokumen .html atau .html serpihan pada kandungan CSS?

Soalan:

Adalah mungkin untuk memaparkan imej pada sifat kandungan CSS unsur HTML pada nilai url() kandungan?

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

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

Atau menggunakan sifat kandungan pada unsur pseudo, contohnya ::sebelum

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

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

Adakah mungkin untuk memaparkan dokumen .html ,.html elemen pada kandungan CSS ?

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

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

Rujukan:

• [Modul Kandungan Dihasilkan CSS Tahap 3](https://www.w3.org/TR/css-content-3/)

Kemas kini:

Yang paling jauh telah dapat dicapai, di sini, untuk membenamkan dan memaparkan dokumen HTML dalam kandungan yang dihasilkan CSS; menggunakan pendekatan yang ditunjukkan oleh @LGSon. Termasuk kandungan yang dijana CSS dalam HTML di SVG juga.

Seperti yang dinyatakan oleh @RokoC.Buljan, jenis MIME bukan "teks/html".

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

Atas ialah kandungan terperinci Bolehkah Dokumen atau Serpihan HTML Dipaparkan dalam Kandungan CSS?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!