html – IE不着色:之前作为table-cell,为什么?

前端之家收集整理的这篇文章主要介绍了html – IE不着色:之前作为table-cell,为什么?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
<!DOCTYPE html>
<html>
    <head>
        <style>
        div:before {
            display: table-cell;
            content: "ABC";
            color: red;
        }
        </style>
    </head>
    <body>
        <div>123</div>
    </body>
</html>

我希望这可以渲染到类似的东西,但我得到的只是在Internet Explorer(任何版本)上运行时.

这是一个错误还是我做错了什么?

解决方法

这似乎是IE中的一个错误.如果您在IE 11开发人员工具中检查元素,则会看到:before pseudo-element被删除的所有声明(例如,如果添加它们,也会显示字体设置),但显示内容设置会影响渲染.

为了避免这个错误,在这个简单的情况下,设置display:block就足够了@BeatAlex建议.在更复杂的情况下,您可能需要更复杂的解决方法.

猜你在找的HTML相关文章