I've designed a small PSD Mockup of an about page for my website. However, I lack the knowledge to code in HTML and CSS.
Here is the current code snippet:
index.html
<html>
<link rel=StyleSheet href="css.css"
type="text/css">
<head><title>title</title></head>
<body>
<div id=body>
</div>
<div id=header>
<h3><font title=Futura>Header</font></h3>
</div>
</body>
css.css
body {
background-image: url("background.png");
background-position: 50% 50%;
background-repeat: no-repeat;
}
header {
background-image: url("otherBackground.png");
background-position: 50% 50%;
background-repeat: no-repeat;
}
I want to overlay the background image of the header on top of the body's background image and then add some text on top.
Is there a way to achieve this effect?