小编h1f*_*fra的帖子

Css Content,Attr和Url在同一句话中

我已经使用了content属性很长一段时间了,今天我想尝试新的东西.而不是使用JS来显示图像工具提示,我想知道是否可以使用CSS动态地执行它.

所以我尝试过:

.TableLine:hover:after{
  content: url("../Img/Photo/"attr(id)".jpg"); 
}
Run Code Online (Sandbox Code Playgroud)

其中attr(id)应该返回的图片(字母数字)的ID这也是图象的名称.

它根本不起作用,它没有效果.我认为该块没有解析,因为向块添加边框或背景似乎也没有效果.

当我只使用attr(id)单独的,没有url的东西,它完美的工作.当我用attr(id)图片的真实名称替换它时,它也有效.

在网上搜索了一段时间后,我没有发现任何相关内容,所以我在这里.这是一个已知的错误还是我的错误?:)

css url attr css-content

19
推荐指数
2
解决办法
1万
查看次数

标签 统计

attr ×1

css ×1

css-content ×1

url ×1