我正在尝试在内部工具上使用用户风格的黑客,我想只保留CSS(所以我可以使用我已经在每个浏览器上使用的时尚扩展,而不是添加油脂猴子风格扩展)
系统有以下html:
<a href="...">
<span>
<img src="...">
</span>
username
</a>
图像是占位符,因为系统未与任何内容集成。
我可以使用http://company.com/avatars/<username>.png
和CSS允许我做像
这样的事情/* show link destination after the A tag contents */
a:after {
content: " (" attr(href) ")";
}
我的计划是添加user-CSS以隐藏无用的图片,并在A
标记后附加背景,以显示该用户的公司头像。 A
标记属性上没有任何内容可以帮助我。唯一的提示是在A标签文本节点的直接和最后一个子节点。
有没有办法只使用CSS?
因为这是用于内部工具的用户式黑客,所以越尖端技术越好。无需支持所有浏览器,关心性能等。
答案 0 :(得分:0)
这是不可能的。
无法将用户名连接到图像中。 background
属性不接受content
之类的字符串连接。人们会认为字符串值的相同规则适用于所有css属性,content
似乎很特殊。
如评论中所指出的,可以在css规则上拥有完整的background
网址并根据用户名进行匹配,但是您必须为每个要匹配的用户名添加一条规则。不是超过1k记录的选项。