• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

html = can you have 2 backgound images?

#1
I have a small weaev gif that looks good when tiled as background image
(ie I hate white html pages)

but I now also want a watermark gif to lay over the background
is this possible?
 

albybum

Penguin Rancher
#4
Set the body's background as your tiled background image.

create a div that contains the entire body and set that div's background to your watermark.

Code:
<body>
<div style="width:100%;height:100%;background-image:url('link/to/image');">
// content
</div>
</body>

You can also use css positioning to put the watermark wherever you want instead of using a full-body div.


Code:
<html>
<head><title>Foo</title>
</head>
<body style="background-image:url('osnn_tile.gif');margin:0px;">
<div style="width:100%;height:100%;background-image:url('osnn_watermark.gif');">
<br /><br /><br />
<br /><br /><br />
<br /><br /><br />
<br /><br /><br />
<br /><br /><br />
<br /><br /><br />
</div>
</body>
</html>
Demo: http://albybum.net/temp/osnn_watermark.html
 
Last edited:

Members online

No members online now.

Latest posts

Latest profile posts

Perris Calderon wrote on Electronic Punk's profile.
Ep, glad to see you come back and tidy up...did want to ask a one day favor, I want to enhance my resume , was hoping you could make me administrator for a day, if so, take me right off since I won't be here to do anything, and don't know the slightest about the board, but it would be nice putting "served administrator osnn", if can do, THANKS

Been running around Quora lately, luv it there https://tinyurl.com/ycpxl
Electronic Punk wrote on Perris Calderon's profile.
All good still mate?
Hello, is there anybody in there? Just nod if you can hear me ...
Xie
What a long strange trip it's been. =)

Forum statistics

Threads
61,962
Messages
673,247
Members
89,018
Latest member
debbieherrin