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