html - What's going on with my CSS print? -
html - What's going on with my CSS print? -
here css code:
@media print { body * { visibility:hidden; } #printable * { visibility:visible; } #printable { margin:0px; color : #000000; background : #ffffff; filter: gray(); filter: url('#grayscale'); -webkit-filter: grayscale(100%); filter: grayscale(100%); top:0px; left:0px; } @page { size:auto; margin:0mm; } }
i have div this
<div class="row" id="printable"> ... </div>
when print in web upper part has much blank , main content start half in paper. there wrong css?
sorry if cant show image..
error! #printable still having visibility:hidden, alter code to:
@media print { body * { visibility:hidden; } #printable * { visibility:visible; } #printable { margin:0px; color : #000000; background : #ffffff; filter: gray(); filter: url('#grayscale'); -webkit-filter: grayscale(100%); filter: grayscale(100%); top:0px; left:0px; visibility:visible; } @page { size:auto; margin:0mm; } }
html css asp.net
Comments
Post a Comment