html - 通过 CSS 注入(inject) HTML

Question

我基本上需要使用 CSS 中的 HTML 设置某些内容的 content 。我目前正在做以下事情:

.myclass {
    content "<img src=\"hello.png\"/>";
}

但是，我看到的不是图片，而是文字:

<img src="hello.png"/>

如何使用 CSS 注入(inject)任意 HTML？

Answer 1

HTML存储数据，是Model
CSS存储样式，就是View
JS存储交互，是Controller

如果您尝试向页面添加数据，则应通过 HTML 完成。如果您只是想将图像添加为样式，请使用 background-image属性(property)。您不需要注入(inject) <img>页面中的元素来执行此操作。

永远不要这样做，永远

就能够通过 CSS 将 HTML 注入(inject)页面而言，这不是直接可行的，但是可以添加 JavaScript into the page using CSS ，然后可以将 HTML 添加到页面。

我怎么强调都不为过，这种方法错误。