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背景圖像查詢

回答

相關問題