I have created a menu using div elements and I want one of the menu items to have a background that extends behind it to the body.
Here is the structure:
body {
background-image: url(path/body.png);
}
#menu {
overflow: hidden;
width: 400px;
background-color: #fff;
}
.mm {
overflow: hidden;
float: left;
background-color: #fff;
padding: 5px 10px;
margin: 0 0 0 10px;
}
.mm.this {
background-color: transparent;
z-index: -9999;
}<body>
<div id="menu">
<div class="mm this">Home</div>
<div class="mm">Contact</div>
</div>
</body>This is how it currently looks:
And this is how I would like it to look: