Hej! Muszę zrobić przekreślenie pewnego elementu na stronie (czerwona kreska w poprzek tekstu).
Zrobiłem coś takiego (przykład):
<div style="background-image: linear-gradient(to bottom right, transparent calc(50% - 1px), red, transparent calc(50% + 1px));">
<p style="text-align:right;font-size: small;padding-left: 30px;padding-right: 30px; margin-top: 30px;"> 2015.11.06 12:50</p>
<p style="text-align:center;font-size: large;padding-left: 30px;padding-right: 30px;"> <strong>Nazwa firmy</strong></p>
<p style="text-align:left;font-size: medium;font-weight: normal; padding-left: 30px;padding-right: 30px;"><strong>Nr ewid: 12</strong><br>
Baza danych xyz </p><p style="text-align:center; font-size: medium; font-weight: bold; padding-left: 30px;padding-right: 30px; margin-top: 30px;"> KARTA URZĄDZENIA </p>
<p style="text-align:left;font-size: medium; padding-left: 30px;padding-right: 30px; margin-top: 30px;"><strong>Zakład </strong><br>
<strong>Rodzaj urządzenia </strong>Komputer <br>
</div>
W przeglądarce jest wszystko ok (generalnie to jest raport z bazy MS SQL generowany przez program w C#, plik wyświetlam hostując przeglądarkę IE w WinForms).
Wyświetla się prawidłowo, natomiast przy wydruku (zarówno z Firefox jak i z IE 11) nie ma tej czerwonej linii w poprzek dokumentu...
Coś trzeba ustawić w CSS dodatkowo?
Wybaczcie, ale nie jestem biegły w CSS.