Template:表里切换菜单/style.css:修订间差异
跳到导航
跳到搜索
imported>=海豚= 无编辑摘要 |
imported>=海豚= 无编辑摘要 |
||
第13行: | 第13行: | ||
padding: 5px 0; | padding: 5px 0; | ||
position: absolute; | position: absolute; | ||
transform: translateX(- | transform: translateX(-33px); | ||
top: 100%; | top: 100%; | ||
z-index: 1; | z-index: 1; |
2021年8月9日 (一) 11:24的版本
.wds-dropdown {
display: inline-block;
position: relative;
}
.wds-dropdown__content {
display: none;
background-color: #f3f4f4;
border: 1px solid #cecece;
border-radius: 4px;
left: 50%;
min-width: 70%;
height: 100%;
padding: 5px 0;
position: absolute;
transform: translateX(-33px);
top: 100%;
z-index: 1;
}
.wds-dropdown__toggle:after{
text-decoration: none !important;
border: 1px solid #cecece;
border-bottom: 1px dotted #f3f4f4;
cursor: pointer;
position: relative;
}
.wds-dropdown:before {
display: none;
border: 9px solid transparent;
border-bottom: 9px solid #f3f4f4;
margin-left: -9px;
}
.wds-dropdown:after, .wds-dropdown:before {
bottom: -1px;
content: "";
height: 0;
left: 50%;
position: absolute;
width: 0;
z-index: 2;
}
.wds-dropdown:hover .wds-dropdown__content {
display: inline-block;
}
.wds-dropdown:hover::before {
display: inline-block;
}