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

Popular posts from this blog

php - Android app custom user registration and login with cookie using facebook sdk -

c# - Create a Notification Object (Email or Page) At Run Time -- Dependency Injection or Factory -

Set Up Of Common Name Of SSL Certificate To Protect Plesk Panel -