是否可以在CSS内容中显示.html文档或.html片段？

地址：

值
内容：url（）

o_o可能是对URL（限制某些MIME类型）和URI之间的基本区别的误解

正如您在中所看到的，AJAX完美地完成了这项工作，
而

content:url（someValidHTMLUri.html）

不适用于

text/[html，…]

，这与MIME类型的内容传输编码不同，如

application/

，

image/

该值是指定外部资源（如图像）的URI。如果用户代理无法显示资源，则必须将其忽略，如同未指定资源一样，或者显示无法显示资源的某些指示

更新以澄清此SVG解决方案是基于OP提出的

作为替代，这里有几个示例，因为普通HTML文档还没有呈现，其中使用了SVG，使用了

css

content

和pseudo-element

css

content

属性

注意，它呈现为

图像/svg+xml

，尽管第2个示例显示它可以包含HTML元素

div{
高度：120px；
背景：灰色；
}
部门：以前{
内容：url（数据：图像/svg+xml，%3Csvg%20xmlns%3D%27http%3A%2F%2FWWWW.w3.org%2F2000%2Fsvg%27%20width%3D%27200%27%20height%3D%27100%27%3E%3Ctext%20x%3D%2720%27%20y%3D%2745%20字体大小%3D%2713px%27%3EHello%20World%20from%20SVG%3E%2Ftext%3E%2Fsvg%3E%2Fsvg%3E）；
}
部门：之后{
内容：网址（数据）数据：数据：图像/SVSVG+xml，3%3%3%3%3%3%3%3%3%2%2%2%2%2%2%2%2%2%20%2%20%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%20%2%2%2%2%2%2%2%2%2%20%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%2%22%20r%3D%2238%22%20行程%3D%22黑色%22%20行程宽度%3D%221%22%20填充%3D%22蓝色%22%20%2F%3E%0D%0A%3C%2Fsvg%3E）；
}
跨度{
高度：120px；
背景：灰色；
内容：url（数据：图像/svg+xml，%3Csvg%20xmlns%3D%27http%3A%2F%2FWWWW.w3.org%2F2000%2Fsvg%27%20width%3D%27200%27%20height%3D%27100%27%3E%3Ctext%20x%3D%2720%27%20y%3D%2745%20字体大小%3D%2713px%27%3EHello%20World%20from%20SVG%3E%2Ftext%3E%2Fsvg%3E%2Fsvg%3E）；
}

不，最接近的是SVG…这是相当多的actually@LGSon<代码> SVG 是一个可以显示文本的<代码>文档>代码，是吗？@ LGSON你会考虑发布一个解决方案吗？这可能会改变，但是目前的内容属性只适用于<代码>：在和 >：：元素。@guest271314准确地说，您问题中的规范链接说“适用于：

：在

之前和

：在

伪元素之后”。可能会改变这一点，但目前只是一个尚未准备好实施的草案。“MDN声明这是可能的”您是否可以在

内容
中包含MDN文档的链接？啊，如果您认为文档中没有错误，请访问
@guest271314(http://www.example.com/test.html)；
-列出的文档贡献者似乎是SO用户；也许他们会插话说
.html
扩展描述。如何“ping”SO用户？@guest271314-我可以编辑MDN文档，但我现在没有时间。我将标记为“需要审阅”正如我所说的，MIME类型是
image/
，因此不是文本/html@RokoC.Buljan不用担心，请LGSON考虑提供一个解决方案。如果<代码> HTML 不能实现，最接近的解决方案将是有用的。是否应该更新问题以包含任何<代码>文档< /代码>？@ LGSON尝试使用<代码> OutGeNobIbjts

嵌入

html

@guest271314当然你不能做html文档所能做的所有事情，因为html不能做SVG所能做的所有事情，所以归根结底，这是一个SVG文档，呈现为图像，但它提供的不仅仅是一个简单的png/jpg图像。寻找它可以做的事情一个是它不能…SVG有自己的动画：@BoltClock谢谢你的回复。如果我可以发布一个SVG替代方案，因为这是一种使用CSS

content

显示HTML元素的方法。我会更新并记下这一点。

/* <uri> value */ 
content: url(http://www.example.com/test.html);