CSS Print Stylesheet: hide everything except specific image, show that full-page
问题 I'm trying to build a stylesheet that prints only a specific image, and sizes the image to cover the entire page. In my media="print" stylesheet, I have: @page { margin: 0.5in; } body { width: 100%; } body * { visibility: hidden; } #specificimage { visibility: visible; position: fixed; top: .5in; left: .5in; width: 7.5in; height: auto; } The html structure is similar to this: <body> <div> <div> <div> <img id="specificimage" src="image.png" /> </div> </div> </div> </body> It prints fine in