body{ background-image: url('image.jpg'); background-size: none; margin-left: 100%; margin-top: -500px; z-index: 9999; } ul{ margin: 0px; list-style: none; padding: 0px; display: inline; z-index: 9999; } ul li{ float: left; width: 300px; height: 40px; background-color: black; opacity: .8; line-height: 40px; text-align: center; font-size: 15px; z-index: 9999; } ul li a { text-decoration: none; color: white; display: block; z-index: 9999; } ul li a { text-decoration: none; color: white; display: block; z-index: 9999; } ul li ul li{ display: none; z-index: 9999; } ul a:hover{ background-color: green; color: white !important; z-index: 9999; } ul li:hover ul li{ display: block; z-index: 9999; }
<html> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" type="text/css" href="style3.css"> <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"> <header> <ul> <h3><li><a href = "#">Hello, <?php echo $_SESSION['username']; ?></a></li></h3> </ul> <ul> <li><a href = "#">Home</a> <ul> <li><a href = "main.php">Account</a></li> <li><a href = "login.php">logout</a></li> </ul> </li> </ul> <ul> <li><a href = "#">Genus</a> <ul> <li><a href = "">Test</a></li> <li><a href = "">Test</a></li> </ul> </li> </ul> <ul> <li><a href = "#">Morphology</a> <ul> <li><a href = "">Test</a></li> <li><a href = "">Test</a></li> </ul> </ul> </li> <ul> <li><a href = "#">Species</a> <ul> <li><a href = "">Test</a></li> <li><a href = "">Test</a></li> </ul> </header> </html>
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)