Html CSS背景图像查询

我基本上有以下课程：

.sf-sub-indicator {
  background:   url("/abcprod/images/arrows-ffffff.png") no-repeat -10px -100px;
}

在CSS中，是否可以将背景图像子句设置为使用硬编码符号（如“>”），以便使用：

.sf-sub-indicator {
  background:   url(">") no-repeat -10px -100px;
}

实际上不希望它使用图像，而是一个符号

可以针对上述类执行此操作吗

---

谢谢。

简短回答，不可以。您只能将背景设置为颜色或图像。

我认为这不能通过url（）完成。括号内应为图像类型的“url”

可以使用jquery执行类似的操作

$(".sf-sub-indicator").each( function() { $(this).html(">" + $(this).html()) });

---

长回答：是的。有点

您最常用的标记是jQuery，因此我不会深入介绍代码，但基本上您可以找到类：

var div = $(".sf-sub-indicator")

获取其尺寸：

var height = div.height()` and `var width = div.width()

然后，您可以创建一个绝对定位的、具有该高度和宽度的

div

，并将其直接放置在原始

div

上。然后，确保第一个

div

没有

背景色

，您可以给它一个比新div更高的

z索引

最后，用您的字符将
.innerHtml
填充到新的div中，并设置
overflow=hidden

这是一个奇怪的请求…
。。。长答案不再是：）在严格的CSS中，唯一的解决办法是将DIV上的
content
属性设置为符号（可以重复多少次，因为你不能让它无休止地重复），然后绝对定位它，使它出现在内容后面。这不是一个真正有效的方法。您最好只制作符号的图像（您可以使用GD在PHP中动态执行）。您还可以将.php文件用作CSS文件，这样您就可以将其包含在CSS文件中。感谢所有回复。