I’m trying to create a background image that will serve as a watermark, and I’m finding html has changed greatly since I last knew.
Any thoughts?
[rant][code]
Birdseed, by Conrad Cook html {Background-color: #442200;
Background-image: url(birdcage_1.jpg) repeat center center fixed; <!-- ~ error-->
}
body {
Opacity: 0.95;
Font-size: 1.1em;
Width: 80ex;
Margin: 5ex auto;
Padding: 5ex;
Background-color: #885522;
Color: white;
Border: 1px solid black;
Border-right-width: 2px;
Border-bottom-width: 2px;
-webkit-box-shadow: 3px 3px 3px #999999;
-moz-box-shadow: 3px 3px 3px #999999;
Box-shadow: 3px 3px 3px #999999;
Font-family: serif;
Position: relative;
}
a { Color: #000000; }
a.external { Font-variant: small-caps; }
a.external:visited { Color: #990066; }
h1, h2, h3, h4, h5, h6 { Font-weight: bold; Font-family: sans-serif; }
h1 { Font-size: 1.6em; Border-bottom: 1px solid black; Text-align: center; }
h2 { Font-size: 1.5em; }
h3 { Font-size: 1.4em; }
h4 { Font-size: 1.3em; }
h5 { Font-size: 1.2em; }
h6 { Font-size: 1.1em; }
#transcript table { Margin: 1em auto; }
#transcript th, #transcript td {
Margin: 0; Padding: 0.5em;
Border: 1px solid #808080; Border-collapse: collapse;
}
#transcript th { Color: #ffffff; Background-color: #808080; Font-family: serif; }
#transcript hr { Color: #808080; }
address { Font-size: 0.9em; Text-align: center; }
dt { Font-weight: bold; }