我想知道是否有可能以某种方式使CSS content
属性在:before
或:after
中插入html代码而不是字符串,元素如下:
.header:before{
content: '<a href="#top">Back</a>';
}
这将是相当的handy...It可以通过Javascript完成,但使用css将使工作变得更容易:)
发布于 2020-07-04 21:25:40
这是不可能,因为XSS太容易了。而且,目前可用的HTML杀菌器并不禁止content
属性。
(这里肯定不是最好的答案,但我只是想分享一个见解,而不是“根据规范... ")
发布于 2022-02-17 00:20:31
如果您能够在页面上的其他位置添加HTML,则可以将其重新定位到CSS内容显示的区域上。
因此,您可以添加CSS内容:
.cssClass::after {
content: "Content and Words and Things";
color: #0000EE;
}
我添加了蓝色的超链接,这样它看起来就像一个链接。
然后添加一个href,该href的标记之间没有可以引用的id或类的文本。它可以在任何地方,只要它在同一个页面上。
<a id="link" href="#"></a>
然后将链接放在内容上所需的位置:
a#link{
height: 20px;
width: 100%;
left: 0;
top: 5%;
position: absolute;
}
https://stackoverflow.com/questions/4505093
复制相似问题