.navbar {
position: fixed; width: 100%; top: 0;
} .navbar ul {
width: 100%; background-color:#fad4f7; padding:0px 40px 0px 0px; display:inline-table; position:relative; box-shadow:1px 1px 3px rgb(255, 255, 255); color:#000; list-style: none; text-align: center;
} .navbar ul::after {
content:""; display:block; clear:both;
}
.navbar ul li ul {
position: absolute; max-height: 0px; opacity: 0%; overflow: hidden; transition: max-height 0.3s ease;
}
.navbar ul li:hover > ul {
opacity: 80%; max-height: 500px; display: block; transition: max-height 0.3s ease-in-out;
}
.navbar ul li {
float: left; margin: auto; position:relative; /*这行无论如何都不要动*/ transition: all 0.25s ease-out;
} .navbar ul li:hover {
background-color:#e6b7e6; border-radius:45px;
} .navbar ul li a {
display:inline-table; padding:15px 40px; color:#000; text-decoration:none; font-family:"Calibri"; font-size: 130%; transition: color 0.25s; text-align: justify; list-style: none;
} .navbar ul li a:hover {
color:rgb(255, 255, 255); list-style: none;
}
.navbar ul li ul li a {
color:rgb(0, 0, 0);
} .navbar ul li ul li:hover a{
color:rgb(255, 255, 255)
} .navbar ul li ul li {
float:none; border-top:1px solid #e6c5ee; border-bottom:1px solid #e6c5ee; color:#000;
}