body {
padding: 0;
margin:0;
font-family: Arial;
font-size: 17px;
background-image: url('images/lasvegas.jpg');
background-repeat: no-repeat;
background-position(x): center;
background-position(y): center;
background-size: cover;
z-index:10;
}
#nav {
background-color: #222;
z-index: 9;
}
#nav_wrapper {
width: 960px;
margin: 0 auto;
text-align: left;
}
#nav ul {
list-style-type: none;
padding: 0;
margin: 0;
position: relative;
min-width: 200px;
}
#nav ul li {
display: inline-block;
}
#nav ul li:hover {
background-color: #333;
}
#nav ul li a, visited {
color: #CCC;
display: block;
padding: 15px;
text-decoration: none;
}
#nav ul li:hover ul {
display: block;
}
#nav ul ul {
display: none;
position: absolute;
background-color: #333;
border: 5px solid #222;
border-top: 0;
margin-left: -5px;
}
#nav ul ul li {
display: block;
}
#nav ul ul li a:hover {
color: #699;
}
#first_paragraph {
background-color: rgba(200, 200, 200, 0.6);
left: 40%;
top: 40%;
width: 550px;
margin-top: -125px;
margin-left: -115px;
position: absolute;
border-radius: 15px 0 15px 0;
color: #fff;
padding: 20px;
box-sizing: border-box;
z-index:-1;
}
<div id="nav">
<div id="nav_wrapper">
<ul>
<li><a href="index.html">Home</a>
</li>
<li> <a href="#">Requirements</a>
<ul>
<li><a href="#">HighSchool Ed.</a>
</li>
<li><a href="#">College Ed.</a>
</li>
<li><a href="#">About</a>
</li>
</ul>
</ul>
</div>
</div>
SamA74
2
I’m not sure what the problem is, it appears to work for me.
I heard that that it was cause because of the video i have in the code, but i cant find what it is.
SamA74
4
I don’t see any video in your code.
Do you have the whole code for the page?
system
Closed
5
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.