CSS背景图像查询

我基本上具有如下的类：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; 
}

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

这可以针对上面的类来完成吗？

谢谢。

来源

2010-08-23 tonyf

简答题，没有。您只能将背景设置为颜色或图像。

来源

2010-08-23 02:43:01

谢谢。你能否提出任何解决方法？ – tonyf 2010-08-23 02:47:29

...和长的答案不再:) – 2010-08-23 02:50:11

严格的CSS唯一的解决方法是将DIV上的'content'属性设置为符号（无论重复多少次都重复，因为你不能拥有它无限重复），然后绝对定位它，使其出现在内容后面。不是一个真正有效的方法。只需制作一个符号的图像（您可以使用GD动态地在PHP中执行）就会更好。你也可以使用一个.php文件作为CSS文件，所以你可以直接将它包含在CSS文件中。 – 2010-08-23 03:05:53

我不认为这可以通过url（）完成。在括号内应该是图片类型的“url”。

您可以使用jQuery

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

来源

2010-08-23 02:47:15 w00d

朗答案做同样的事情：是的。有点。

您最流行的标签是jQuery的，所以我不会深入去的代码，但基本上你可以找到类：

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

得到它的尺寸：

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

然后，您可以创建一个绝对定位的高度和宽度为div，并将其直接放置在原始的div之上。然后，确保第一个div没有background-color，你可以给出比新的div更高的z-index。

最后，用.innerHtml填写新的div与你的角色，并设置overflow=hidden。

这是一个奇怪的请求...

来源

2010-08-23 02:48:19

CSS背景图像查询

回答

相关问题