hello all,
I have page with a large background image, I am using a jquery plugin called fullscreenr http://www.nanotux.com/blog/fullscreen. This page only has the logo and 3 links. When the user clicks the logo, I want them to go back to the homepage, below is the code, for some unknown reason, it doesn’t seem to work. Does it have anything to do with the z-index? Any help or explanation will be greatly appreciated.
css and html for page with bg image:
<body>
<img id="bgimg" src="images/partnersPage.jpg" />
<h1 id="logo"><a href="index.html">Cb1 Massage</a></h1>
<h4>Partners & Locations</h4>
<p></p>
<p></a></p>
<p></a></p>
<p></p>
<div id="footer"></footer>
</body>
body {overflow:hidden; padding:0;margin:0; height:100%; width:100%;}
#bgimg {position:absolute; z-index: -1;}
h1#logo {background: url(../images/logo.png) no-repeat; margin:15px 0 0 45px; width:172px; text-indent:-9999px; height:41px; z-index:5;}
h4 {font-family:'Lato', sans-serif; color:#000; font-size:1.6em; text-transform:uppercase; margin:45px 0 0 50px;}
The css #bgimg is from the jquery plugin