css - 打印样式表不能完全工作

标签 css printing

我这里有一个带有打印按钮的网页:http://vitaminjdesign.com/IAM/plant-care-info/sod-care/

当您按下打印按钮时,它会完美打印页面,但没有任何要点。

我的列表项 CSS 如下:

ul li{ background:url(images/bullet.png) no-repeat 0 3px; list-style:none;}
ol li{background:none; list-style:decimal;}

我很困惑为什么打印输出不包括任何列表项的样式(没有元素符号、数字或背景图像)。有什么简单的解决方法吗?

最佳答案

这可能是因为浏览器在打印时丢弃了任何背景图像。 (您通常可以在打印对话框中更改该行为。)

我认为唯一安全解决这个问题的方法是使用 list-style-image 或显式 img

关于css - 打印样式表不能完全工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4686236/

相关文章:

html - 文本和图像定位

javascript - 如何禁用非事件滚动条,但不是永久禁用?

c# - UWP 直接从 Windows 应用程序打印而不带打印对话框

php - 保证动态生成的 html 页面的打印尺寸/布局

html - 如何防止 block 流动以使其截断

android - 横向使用 iText pdf 进行多页打印

c# - 网络浏览器打印

jquery - CSS 中的 DIV onClick

css - 向 flex 容器中的多个元素添加渐变

javascript - 超过父级宽度的元素的特定规则