Question

我读过关于postion：绝对问题，并尝试了几乎所有可能的解决方案。包括定位div相对，包装在相对定位的父母等等，但它没有帮助。

我正在画一张桌子，之后我把div放在指定的地方。表（网格）打印很好，但div应该以不同颜色打印的地方，div不在那里。在chrome中它打印好。有没有人设法找到解决方案呢？也许我做错了什么？

我的css：

body
{
margin: 0px;
padding: 0px;
font-family: Verdana;
-moz-user-select: none;
}
.grid
{
height: 100%;
border: 1px solid;
border-collapse: collapse;
}
.grid tr
{
text-align:center;
border-bottom: 1px dashed;
cursor: cursor;
}
.grid td.hourCell
{
width: 100px;
vertical-align:top;
font-size: 10px;
font-weight: 500;
height: 60px;
}
.grid th.hourCell
{
width: 100px;
}
.grid th
{
font-weight: bold;
height: 20px;
width: 200px;
font-size: 12px;
font-weight: 500;
font-family: Verdana;
border-right: 1px solid;
background-repeat: repeat;
cursor: cursor;
}
.grid td
{
height: 30px;
width: 200px;
vertical-align: top;
}
.div_which_doesnt_print
{
padding: 0px;
margin: 0px;
width: 200px;
font-size: 10px;
font-family: Verdana;
height: 0px;
position: absolute;
border-style: solid;
border-width: thin;
overflow: hidden;
opacity:0.7;
z-index: 3;
}

非常感谢每一位帮助！甚至让我放心，解决方案仍然无法解决。

编辑：看起来这是一个不透明的问题。设置

@media print 
{
.div_which_doesnt_print
{
opacity:1;
}
}

修复了可见性问题。它们有时仍会显示在错误的位置，但这是一个不同的问题。

Answer 1

看起来这是一个不透明的问题。设置

@media print 
{
  .div_which_doesnt_print
  {
    opacity:1;
  }
}

修复了可见性问题。它们有时仍会显示在错误的位置，但这是一个不同的问题。

Answer 2

如果要在表格单元格中插入分区，则只需将Cell TD / TR位置赋予相对位置，然后对其内部的div进行绝对定位。

在一些项目中，这对我来说很好。

我希望这会有所帮助。

Firefox（仍然）不打印绝对定位的div？

2 个答案: