html - 内容 CSS 和与 IE 的兼容性

Question

我插入了一个带有图像的图标。

在 chrome 中我看到了图标

但在IE中图标消失。

这是我的 CSS

<div class="infoIcon"></div>

.infoIcon {
    content: url('/assets/img/info-sign.png');
    background-color: #919191;
    width:15px;
    border-radius: 8px;
    margin-left:10px;
    display: inline;
    vertical-align: sub
}

Answer 1

您可以使用 HTML 实体实现此目的。

.infoIcon {
    font-size: 40px;
}

<div class="infoIcon">&#9432;</div>