Skip to content Skip to sidebar Skip to footer

Background Image Is Not Getting Printed

I have used a container in my HTML page, where i used a background image. I want to put some text on top of my background image, and print it. But When I use : Copy

or, you can set in css, as in:

@media print {
body {
   content:'url(../imagez.png)';
  }
}

note: some IE not work by using that, you can use:

@import'style.css'print;

Solution 2:

If you are using Windows 7, when the print dialog appears, there is an option called More Settings below the option Color. Click on that and you will see a check box called Background Graphics. Tick that and you will see the background image.

Also, for Chrome and Safari you can add the following in your CSS:

@media print
{
    * {-webkit-print-color-adjust:exact;}
}

This will print the background image even if the option is not selected in the print dialog. For other web browsers unfortunately it's up to the user to manually select the option to print background images (e.g. for users with IE 9, 10 and 11 they have to click on the cog icon -> Print -> Page Setup, and activate the option)

Post a Comment for "Background Image Is Not Getting Printed"