首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >同一句子中的Css内容、Attr和Url

同一句子中的Css内容、Attr和Url
EN

Stack Overflow用户
提问于 2012-02-12 05:25:10
回答 1查看 14.9K关注 0票数 19

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

所以我试着:

代码语言:javascript
复制
.TableLine:hover:after{
  content: url("../Img/Photo/"attr(id)".jpg"); 
}

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

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

当我单独使用attr(id),没有url的东西时,它工作得很好。当我将attr(id)替换为图片的真实名称时,它也会起作用。

在网上搜索了一段时间后,我没有找到任何相关的东西,所以我在这里这是一个已知的错误还是我的错误?:)

EN

回答 1

Stack Overflow用户

发布于 2013-02-22 13:03:02

截至2012年8月28日,W3C候选推荐标准提供了用于指定attr()返回的类型的语法。

它被描述为here

长话短说,下面的方法是可行的:

代码语言:javascript
复制
content: attr(id url);

但是看起来你还是不能把它和其他字符串连接起来,这很烦人。

无论如何,这似乎仍然没有在任何地方实现。

检查Browser compatibility

票数 14
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/9244197

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档