I’m trying to use CSS to apply printer-friendly feature for different pages in my web sit but the problem is when I apply that CSS by using @media or <link element and media=”print” attribute; it seems like that changes are applying directly to my web page not only on printer-friendly page for example if I put this line
<div align="right" ><a href="javascript:Clickheretoprint()" id="TopLayer"> Click here to print</a> </div>
in my jsp page the line will never appear in my page itself :(
Notice: I have this id in CSS
#TopLayer
{
display:none;
}
Any help please?