Я читал о позиции: абсолютные проблемы и пробовал практически все возможные решения. Включая относительное позиционирование div, оборачивая их в относительно позиционированного родителя и т. Д. И т. Д., Но это не помогло.
Я рисую таблицу и после этого помещаю в нее div в указанном месте. Таблица (сетка) печатается нормально, но места, где должны быть div, печатаются немного другим цветом, а div там нет. В хроме это печатает нормально. Кому-нибудь уже удалось найти решение? Может я что-то не так делаю?
Мой 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;
}
}
Исправлена проблема с видимостью. Они по-прежнему отображаются иногда в неправильных местах, но это другая проблема.