Skip to content

html / MeteorologicalBureau

Go to a project
Commit ac31b33f by hank
Options

btn 修改

parent e0578784
Showing with 30 additions and 10 deletions
map/css/main.css
......@@ -28,52 +28,71 @@ body,
height: 16px;
background-image: url(../img/menuicon.png);
background-size: 100% 100%;
margin-right: 5px;
}
.item{
position: relative;
width: 100px;
height: 20px;
width: 153px;
height: 35px;
box-sizing: border-box;
padding-left: 42px;
display: flex;
align-items: center;
justify-content: left;
margin-bottom:20px;
background-image: url(../img/menu.png);
background-size: 100% 100%;
}
.item.active {
background-image: none;
}
.item.active::after{
content: " ";
z-index:-1;
display: block;
width: 100px;
height: 200px;
width: 153px;
height: 300px;
background-image: url(../img/menuactive.png);
background-repeat: no-repeat;
background-position: 0 3px;
background-size: 100% auto;
position: absolute;
top:-25%;
left: 0;
z-index: -1;
}
.subnav{
display: none;
margin-left: 20px;
-webkit-user-select: none;user-select: none;
}
.subnav.active{
display: block;
}
.subnav div{
-webkit-user-select: none;user-select: none;
margin: 0 auto;
position: relative;
margin-bottom:20px;
background-image: url(../img/menu.png);
background-size: 100% 100%;
width: 80px;
height: 16px;
width: 139px;
height: 28px;
text-align: center;
line-height: 28px;
}
.subnav div.active::after{
-webkit-user-select: none;user-select: none;
content: " ";
z-index:-1;
display: block;
width: 80px;
width: 139px;
height: 200px;
background-image: url(../img/menuactive.png);
background-image: url(../img/menuactive.png) ;
background-repeat: no-repeat;
background-position: top;
background-size: 100% auto;
position: absolute;
top:-25%;
left: 0;
top:-25%;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment