同一句子中的Css内容、Attr和Url
同一句子中的Css内容、Attr和Url
提问于 2012-02-12 05:25:10
我已经使用content属性很长时间了，今天我想尝试一些新的东西。我不想使用JS来显示图像工具提示，而是想知道是否可以使用CSS动态地执行此操作。
所以我试着：
.TableLine:hover:after{
content: url("../Img/Photo/"attr(id)".jpg");
}其中attr(id)应该返回图片的ID (字母数字)，这也是图片的名称。
它根本不起作用，它没有任何效果。我认为块没有解析，因为向块添加边框或背景似乎也没有效果。
当我单独使用attr(id)，没有url的东西时，它工作得很好。当我将attr(id)替换为图片的真实名称时，它也会起作用。
在网上搜索了一段时间后，我没有找到任何相关的东西，所以我在这里这是一个已知的错误还是我的错误？:)
回答 1
Stack Overflow用户
发布于 2013-02-22 13:03:02
截至2012年8月28日，W3C候选推荐标准提供了用于指定attr()返回的类型的语法。
它被描述为here。
长话短说，下面的方法是可行的：
content: attr(id url);但是看起来你还是不能把它和其他字符串连接起来，这很烦人。
无论如何，这似乎仍然没有在任何地方实现。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9244197
复制相关文章
相似问题
腾讯云开发者
