how to print background image (watermark)

Posted on 2004-11-09
Last Modified: 2008-02-01

I would like to know how I can make a backround image (watermark) that will display on the webpage aswell as on paper after print without setting it up in internet explorer options. If I create a background image with CSS then it doesn't print.

Thank you,
Question by:louwtjie
    LVL 31

    Expert Comment

    No can do - CSS does not control my printer, I do. Since I have background images turned off, there's no way around it.

    If you're in an intranet setting then you can try activex, but I wouldn't recommend it for the internet.

    LVL 3

    Accepted Solution

    What you can do is use "position:absolute", "left", "top" and "z-index" on divs to produce a layout with a background image that does not use the css "background-image" attribute.

    This site has moving images (using javascript manipulation of css) in the background that will print.
    LVL 1

    Author Comment

    Thanks for your help daveroydunn. It works. Now I just need to know if there is a way to repeat this div without copy and pasting it all the time.
    LVL 3

    Expert Comment

    You could use javascript to check the height of the page when it has loaded and then replicate the div down the page.

    Featured Post

    Course: CSS Specialist

    We don’t have to sell you on the idea of becoming a developer. If you’re you here, you already know it’s one of the most lucrative (and fastest growing) career tracks out there. It’s CSS that allows you to set yourself apart from other web and mobile developers.

    Join & Write a Comment

    Introduction The Google Maps API offers various ways to draw dynamic and static maps.  Using a combination of PHP and JavaScript, you can draw active JavaScript maps that allow pan-and-zoom in the client browser window.  You can also draw "static" …
    Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
    In this tutorial viewers will learn how to style transparent/translucent elements using alpha transparency in CSS Start with a normal styled element, such as a div.: Define its "background-color" property as "rgba (255, 255, 255, .5): The numbers in…
    In this tutorial viewers will learn how to code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…

    728 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    20 Experts available now in Live!

    Get 1:1 Help Now