CSS使用標題文本來獲取背景圖片url

Question

我目前有一個小問題，但我認爲這是不可能的只有css3，我想從title屬性獲取圖像名稱，並在背景圖像網址，像這樣：

#wizHeader li a[title^="step_"]{ 
    background-image: url("../images/" + attr(title) + ".png"); 
} 

這是可能的只有css3？

Answer 1

目前不可能。 CSS中的attr函數具有很大的潛力，但就我所知，至少是跨瀏覽器的，它目前僅可用作僞元素的content屬性的一部分，例如，

.foo:after { content: attr(title); } 

更多信息at this question。

和here on CSS Tricks。

Answer 2

如果你使用jQuery：

$(document).ready(function() { 
    $('#wizHeader li a[title^="step_"]').each(function(k, v) { 
     var title = $(v).attr('title'); 
     $(v).attr('style', 'background-image: url("../images/' + title + '.png")'); 
    }); 
});