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")'); 
    }); 
});