How to get a background image to print using css?

by

For Chrome and Safari you can add the following in your CSS:

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

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)

More Related Contents:

  1. How to layout images in 3 columns [closed]
  2. Image inside div has extra space below the image
  3. How do I auto-resize an image to fit a ‘div’ container?
  4. Why does my image have space underneath?
  5. Landscape printing from HTML
  6. Change color of PNG image via CSS?
  7. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  8. CSS Display an Image Resized and Cropped
  9. How to deal with page breaks when printing a large HTML table
  10. How to make a HTML Page in A4 paper size page(s)?
  11. Is there an equivalent to background-size: cover and contain for image elements?
  12. Changing image on hover with CSS/HTML
  13. How can I display just a portion of an image in HTML/CSS?
  14. How to hide image broken Icon using only CSS/HTML?
  15. Fullscreen responsive background image in CSS
  16. How can I fill a div with an image while keeping it proportional?
  17. Protect image download
  18. How to make in CSS an overlay over an image?
  19. Scale image to fit a bounding box
  20. CSS Background image not loading
  21. Should image size be defined in the img tag height/width attributes or in CSS? [duplicate]
  22. Width 100% with white borders around it. WHy?
  23. How to center a (background) image within a div?
  24. How to “crop” a rectangular image into a square with CSS?
  25. Responsive image align center bootstrap 3
  26. CSS align images and text on same line
  27. download webpage and dependencies, including css images [closed]
  28. How to place Text and an Image next to each other in HTML?
  29. Setting the image `width: 0` hides it, while `width: 0%` makes it occupy the space, too
  30. Is it possible to set a src attribute of an img tag in CSS?

Leave a Comment