Firefox div背景颜色不显示，必须要在div中加入内容才显示。怎样才能不加内容就可以显示背景颜色

Posted 2023-03-31

Firefox div背景颜色不显示，必须要在div中加入内容才显示。怎样才能不加内容就可以显示背景颜色

　　您好！很高兴为您答疑。
　　您对该问题的原因定位有错。其实不管您有没有内容，div都会显示背景色。但是当您的div中没有元素时（内容），div会被压缩，也就造成您不显示背景色的错觉。要解决此问题，您有以下2个方案：1、为div指定默认高度和宽度；2、在div中输入空格。第二种方法更适合要用文字填充的div。
　　如果对我们的回答存在任何疑问，欢迎继续问询。 参考技术A 那是因为你没有加上div的高度和宽的加上就没有错了：如
#fdiv
height:300px;
width: 300px;
background-color: orange;

还有种可能是你用了float：你需要再不需要float的地方都去掉，需要float的地方也要在下边清浮动，然后在调整，因为 float浮动了，就是脱离父容器了，父容器本身又没有高度设置，也就是实际上没有内容把父容器撑起来。本回答被提问者采纳 参考技术B 定义div的宽度和高度！

在 IE 和 Mozilla Firefox 中，背景颜色和背景图像未在打印到 PDF 时显示

【中文标题】在 IE 和 Mozilla Firefox 中，背景颜色和背景图像未在打印到 PDF 时显示

【英文标题】：Background colour and Background Images not showing in print to PDF in IE and Mozilla Firefox

【发布时间】：2018-09-16 02:34:42

【问题描述】：

我正在尝试打印一页。在那个页面中，我给了一个 div 一个背景颜色和背景图片。

当我在 chrome 中查看打印预览时，它可以正常工作，但在 Firefox 和 IE 不显示背景颜色和背景图片。

我在 Firefox 中使用 Print to PDF 扩展，而在 IE 中使用 Win2PDF

我为 Chrome 尝试了以下属性并正确显示：

-webkit-print-color-adjust: 精确；

但它没有显示在 Firefox 和 IE 上。

知道这里可能出了什么问题吗？

【参考方案1】：

检查 Mozilla 外观设置 打开文件->页面设置并确认“打印背景”已关闭。在Mozilla中

使用如下html： 红色背景

试试这些组合