主页 / 问题 / 1156286
Accepted
Frontender
Asked:2020-07-23 14:14:50 +0000 UTC2020-07-23 14:14:50 +0000 UTC

为什么在 IE11 中对 after 伪元素进行样式设置不起作用？

  • 772

有这个代码：

.exit_popup .close_button {
    position: absolute;
    right: 30px;
    top: 10px;
    display: inline-block;
    cursor: pointer;
    color: #fa5258;
    opacity: 1;
    text-decoration: none;
    z-index: 20;
    font-size: 44px;
    line-height: 1
}

.exit_popup .close_button:after {
    content: '\f00d';
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal
}

在 IE11 中，:after 的样式被划掉：

在此处输入图像描述

css

1 个回答

  1. Best Answer

    一切都很简单，添加一个属性display，你会很高兴。顺便说一句，用两个冒号编写伪元素。试试下面的代码

    .exit_popup .close_button::after {
    content: '\f00d';
    display: block;
    font-family: FontAwesome;
    font-weight: 400;
    font-style: normal
}
    • 1

相关问题