我知道可以使用简单的引号在 content
属性中包含一些任意文本内容:
h1:before {
content: "Hello";
}
我想知道是否可以使用 data
uri在 :before
或 :after
元素中嵌入任意内容 .
我知道可以包含如下图像:
h1:before {
content: url("data:image/gif;base64,R0lGODlhEAAQAMQAAORHHOVSKudfOulrSOp3WOyDZu6QdvCchPGolfO0o/XBs/fNwfjZ0frl3/zy7////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAkAABAALAAAAAAQABAAAAVVICSOZGlCQAosJ6mu7fiyZeKqNKToQGDsM8hBADgUXoGAiqhSvp5QAnQKGIgUhwFUYLCVDFCrKUE1lBavAViFIDlTImbKC5Gm2hB0SlBCBMQiB0UjIQA7");
}
我也知道数据url格式允许使用替代mime类型的替代内容,例如:
-
text/plain
-
text/html
但是,我不能做以下工作:
h1:before {
content: url("data:text/plain,Hello");
}
特别是我想知道是否可以使用 text/html
mime类型 .
有这个工作的诀窍吗?