IE8下使用after伪类,content内容无法覆盖下面的内容
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
.test {
position: relative;
}
.test:after {
position: absolute;
content: "展开";
left: 0;
top: 0;
background: #fff;
opacity: 1;
}
</style>
</head>
<body>
<span class="test">收起</span>
</body>
</html>
以上是我的代码,,很简单,但是在IE8的环境下,出现文字重叠,请问如何覆盖下面的文字呢?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
把line-height设为1就可以了