The absolute positioned div in the example link (jsfiddle) with the: class="clue design-clue-style"

Is not showing the color (background color) white as specified in print preview in IE9 and below (all IE browsers I think but I'm focused on IE8 and IE9 fix for now).

How can I get this color to show.

I'm open to workarounds such as another background image instead of the div color but need it grow and expand with the text inside the div.

1 answer

0
points

This cannot be fixed with CSS.

This can be fixed by changing a setting on your web browser and printing again.

This setting is located in different places on different web browser so see the references below on how to do it for your browser.

IE 9 http://www.ehow.com/how_7310111_print-background-color-ie.html For more details what this YouTube video: http://www.youtube.com/watch?v=myoHExuG7d8

Firefox Firefox Menu--> Print --> Page Setup --> Option- Print Background (colors and images) For more details what this YouTube video (they don't get to firefox until half way through): http://www.youtube.com/watch?v=myoHExuG7d8

IE 8 In Internet Explorer 8 click File from the menu and click Page Setup On the Page Setup dialog box ensure that the Print background colors and images setting is checked. Click OK to close the Page Setup window and print your page again For more details what this YouTube video: http://www.youtube.com/watch?v=yrYXmRQ-JW4

IE 7

Internet Explorer 7 On the Tools menu, click Internet Options. Click the Advanced tab. Under Settings, scroll down until you find the Printing category. Make sure Print background colors and images is checked, and then click OK. http://www.febooti.com/support/faq/iezoom/print-web-page-background.html For more details what this YouTube video: http://www.youtube.com/watch?v=nSAF63x_sb8&feature=related

Answered about 5 years ago by Craig McKeachie