html – css中的字符串连接

发布时间：2020-12-14 18:49:25 所属栏目：资源来源：网络整理

导读：我想在css中实现以下内容.我如何以在IE8中工作的方式进行操作 url('../img/icons/' + attr('type') + '_10.png') 解决方法您不能以建议的方式进行动态字符串插值,但是如果[type]属性的数值有限,则可以为每个属性创建样式： .your .selector[type="foo"] { b

我想在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');
}

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!