Question

我想知道是否可以对HTML属性使用纯background-image。

我有以下案例：

原文：

background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='16px' width='20px'><text x='0' y='15' fill='lightgray' font-family='sans-serif' font-size='20' font-weight='bold'>X</text></svg>") !important;

我想要这样的东西，因为我使用的是图像字体：

background-image:("<i class='icon icon-nein'></i>" !important);

Answer 1

不，不是。

背景图片必须是浏览器支持的图片格式。

SVG是一种图像格式，HTML不是。

Answer 2

不，您不能将HTML用作背景图片。为了实现你想要的你可以使用和绝对定位的跨度。

Answer 3

您必须使用正确的图标unicode，如下所示：

.element:before {
    content: "\f26c";
    font-family: FontAwesome;
}

也许可以将它用作背景，我还没有测试过它。

您可以在图标的页面上找到代码。这里以电视为例。

http://fortawesome.github.io/Font-Awesome/icon/television/

CSS：背景图片作为HTML代码

3 个答案: