html – css中的字符串连接

我想在css中实现以下内容.我如何以在IE8中工作的方式进行操作

url('../img/icons/' + attr('type') + '_10.png')

解决方法

您不能以建议的方式进行动态字符串插值,但是如果[type]属性的数值有限,则可以为每个属性创建样式：

.your .selector[type="foo"] {
    background-image: url('../img/icons/foo_10.png');
}
.your .selector[type="bar"] {
    background-image: url('../img/icons/bar_10.png');
}
.your .selector[type="baz"] {
    background-image: url('../img/icons/baz_10.png');
}

如果你有不合理的类型,那么你可能需要提出一个比我在这里列出的更好的解决方案.