我想在文本之前放置一个图标图像。应避免任何 HTML 标记,例如 ,因为 HTML 结构的任何更改都可能影响我们的 javascript 代码。
我编写了以下代码,它可以在 IE8/Firefox 的屏幕上运行。
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta http-equiv='X-UA-Compatible' content='IE=8' />
<style type="text/css">
div.before-test:before {
content: url("sample.png");
}
</style>
</head>
<body>
<div>aaaa</div>
<div>bbbb</div>
<div class="before-test">cccc</div>
<div>dddd</div>
</body>
</html>
但是,当访问者尝试使用 IE8 打印网页时,图像会消失。如何在使用 IE8 打印时显示图像,或者是否必须为图像添加 HTML 标记?
最佳答案
IE8以前支持,兼容模式下不支持。
关于html - IE8 不打印 :before pseudo-element 中的图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8335343/