How can I print background images in FF or IE?

by

Have you considered using a print stylesheet? This could allow you to do something like:

<div class="star">*</div>

/* media:screen */
.star {
    background: ...;
    overflow: hidden;
    text-indent: 9999em;
}

/* media:print */
.star {
    text-indent: 0;
}

or even easier:

<div class="star"><img src="https://stackoverflow.com/questions/596876/./images/star.jpg" alt="*" /></div>

/* media:screen */
.star img {
    visibility: hidden;
}

/* media:print */
.star img {
    visibility: visible;
}

You can specify stylesheets browsers should use by supplying a media tag, either by css or on the link element:

<link rel="stylesheet" type="text/css" href="https://stackoverflow.com/questions/596876/main.css" media="screen" />
<link rel="print stylesheet" type="text/css" href="print.css" media="print" />

More Related Contents:

  1. Grid or Table? for Text and an Image on the bottom right (4/4) [duplicate]
  2. How do I disable the resizable property of a textarea?
  3. How do you keep parents of floated elements from collapsing? [duplicate]
  4. Center image using text-align center?
  5. Why do browsers match CSS selectors from right to left?
  6. How to remove margin space around body or clear default css styles
  7. How do I change the color of radio buttons?
  8. Make a div fill the height of the remaining screen space
  9. How can I draw vertical text with CSS cross-browser?
  10. How can I combine flexbox and vertical scroll in a full-height app?
  11. Is clearfix deprecated?
  12. CSS-Only Scrollable Table with fixed headers [duplicate]
  13. How to style SVG with external CSS?
  14. How to remove the gutter (spacing) between columns in Bootstrap?
  15. How to position two elements side by side using CSS
  16. How to make an HTML anchor tag (or link) look like a button?
  17. text-overflow: ellipsis not working
  18. Scale image to fit a bounding box
  19. How to change the size of the radio button using CSS?
  20. CSS only solution to set MULTIPLE “same height” row sections on a responsive grid
  21. Same height column bootstrap 3 row responsive
  22. Making an svg image object clickable with onclick, avoiding absolute positioning
  23. How to change the style of a ‘s label?
  24. CSS custom cursor doesn’t work in FF/Chrome
  25. Which elements support the ::before and ::after pseudo-elements?
  26. Flexbox with fixed header and footer and scrollable content
  27. Prevent a centered layout from shifting its position when scrollbar appears
  28. Align a div to center
  29. Make Bootstrap’s Carousel both center AND responsive?
  30. Alignment of content vertically in adjacent flexbox containers

Leave a Comment