Html IE不';t显示:在伪元素之后

Html IE不';t显示:在伪元素之后,html,css,pseudo-element,Html,Css,Pseudo Element,我正在用伪元素设置元素的样式,但Internet Explorer 11不支持它 它应该是这样的: 我希望有人能帮助我。 提前谢谢 Psuedo元素作为它们所连接的元素的子元素进行处理 <hr> <psuedo-element-after> image here </psuedo-element-after> </hr> 图像在这里 这是无效的,因为不允许子项。因此,它不会起作用 考虑将背景图像应用于本身,或者使用类似类的方法来实

我正在用伪元素设置

元素的样式,但Internet Explorer 11不支持它

它应该是这样的:

我希望有人能帮助我。
提前谢谢

Psuedo元素作为它们所连接的元素的子元素进行处理

<hr>
    <psuedo-element-after> image here </psuedo-element-after>
</hr>

图像在这里
这是无效的,因为

不允许子项。因此,它不会起作用


考虑将背景图像应用于

本身,或者使用类似类的方法来实现它,例如:

中声明一个
宽度
:在
之后,如果您需要一把小提琴来回答这个问题,您可以制作一个JSFIDLE吗,你应该考虑修改你的知识。@ NiettheDarkAbsol,如果你认为我要求一个jsFoDLE,因为我不能回答这个问题,你应该考虑重新审视你的逻辑。有趣。我想知道这是否是基于浏览器的,因为Chrome确实在hr标签上显示了after伪元素,Firefox@Niet the Dark Absol是正确的还是Firefox错误地实现了IE?当FF显示图像时。检查FF中的链接。确实很有趣,但与流行的观点相反,Internet Explorer在这种情况下是正确的。Chrome和Firefox应该拒绝呈现psuedoelement。@NiettheDarkAbsol能否重申您的声明,即
:before
/
::after
不适用于带有规范链接的无效元素?或者你只是假设?我在Chrome、Firefox和IE11中测试了
hr::after{content:'Test'}
。伪元素在所有这些浏览器中都呈现,因此伪元素似乎在

和其他无效元素上有效。
<hr>
    <psuedo-element-after> image here </psuedo-element-after>
</hr>