Print Watermarks with CSS
Update: so, after doing some more testing, it turns out that if you use tables for layout in IE6, the watermark div won't interpret it's height appropriately.
To work around this, you need to apply a large height to any and all layout tables (and TDs) before the watermark div.
Try printing this page (or using print preview) to see the CSS-based printable watermark - use the links below to position the watermark. View source to see the code.
| Watermark | Watermark | Watermark |
| Watermark | Watermark | Watermark |
| Watermark | Watermark | Watermark |
Fully supports the following browsers:
- FireFox 3.0.1 (mac)
- IE6 (win)
- IE7 (win)
- IE8 beta 1 (win)
Degrades gracefully in the following browsers:
- Safari 3.1.2 (mac) (degrades - watermark only on page 1)
- FireFox 2.0.0.14 (win) (watermark placed above content, not positioned correctly on last page)
- Netscape 7.2 (mac) (watermark placed above content, not positioned correctly after page 1, no transparency on watermark graphic, intermittent watermark display on last page)
- Opera 9.52 (mac) (doesn't appear to print all pages)
Fully supports the following browsers:
- FireFox 3.0.1 (mac)
- IE6 (win)
- IE7 (win)
- IE8 beta 1 (win)
Degrades gracefully in the following browsers:
- Safari 3.1.2 (mac) (degrades - watermark only on page 1)
- FireFox 2.0.0.14 (win) (watermark placed above content, not positioned correctly on last page)
- Netscape 7.2 (mac) (watermark placed above content, not positioned correctly after page 1, no transparency on watermark graphic, intermittent watermark display on last page)
- Opera 9.52 (mac) (doesn't appear to print all pages)
Fully supports the following browsers:
- FireFox 3.0.1 (mac)
- IE6 (win)
- IE7 (win)
- IE8 beta 1 (win)
Degrades gracefully in the following browsers:
- Safari 3.1.2 (mac) (degrades - watermark only on page 1)
- FireFox 2.0.0.14 (win) (watermark placed above content, not positioned correctly on last page)
- Netscape 7.2 (mac) (watermark placed above content, not positioned correctly after page 1, no transparency on watermark graphic, intermittent watermark display on last page)
- Opera 9.52 (mac) (doesn't appear to print all pages)
Fully supports the following browsers:
- FireFox 3.0.1 (mac)
- IE6 (win)
- IE7 (win)
- IE8 beta 1 (win)
Degrades gracefully in the following browsers:
- Safari 3.1.2 (mac) (degrades - watermark only on page 1)
- FireFox 2.0.0.14 (win) (watermark placed above content, not positioned correctly on last page)
- Netscape 7.2 (mac) (watermark placed above content, not positioned correctly after page 1, no transparency on watermark graphic, intermittent watermark display on last page)
- Opera 9.52 (mac) (doesn't appear to print all pages)
Fully supports the following browsers:
- FireFox 3.0.1 (mac)
- IE6 (win)
- IE7 (win)
- IE8 beta 1 (win)
Degrades gracefully in the following browsers:
- Safari 3.1.2 (mac) (degrades - watermark only on page 1)
- FireFox 2.0.0.14 (win) (watermark placed above content, not positioned correctly on last page)
- Netscape 7.2 (mac) (watermark placed above content, not positioned correctly after page 1, no transparency on watermark graphic, intermittent watermark display on last page)
- Opera 9.52 (mac) (doesn't appear to print all pages)
Fully supports the following browsers:
- FireFox 3.0.1 (mac)
- IE6 (win)
- IE7 (win)
- IE8 beta 1 (win)
Degrades gracefully in the following browsers:
- Safari 3.1.2 (mac) (degrades - watermark only on page 1)
- FireFox 2.0.0.14 (win) (watermark placed above content, not positioned correctly on last page)
- Netscape 7.2 (mac) (watermark placed above content, not positioned correctly after page 1, no transparency on watermark graphic, intermittent watermark display on last page)
- Opera 9.52 (mac) (doesn't appear to print all pages)
Fully supports the following browsers:
- FireFox 3.0.1 (mac)
- IE6 (win)
- IE7 (win)
- IE8 beta 1 (win)
Degrades gracefully in the following browsers:
- Safari 3.1.2 (mac) (degrades - watermark only on page 1)
- FireFox 2.0.0.14 (win) (watermark placed above content, not positioned correctly on last page)
- Netscape 7.2 (mac) (watermark placed above content, not positioned correctly after page 1, no transparency on watermark graphic, intermittent watermark display on last page)
- Opera 9.52 (mac) (doesn't appear to print all pages)