问题描述:
写了一段CSS 结果导致登录框出现在文章栏的下一层,无法进行操作
CSS全部内容
.IndexPage .DiscussionListItem-info>.item-tags,.UserPage .DiscussionListItem-info>.item-tags{position:inherit!important;-webkit-mask-image:none!important;padding-right:10px}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-thumb{background:@config-primary-color}
::-webkit-scrollbar-track{background:#ededed}
.Search-input:before{display:inline-block;font-size:inherit;text-rendering:auto;content:“\f002”;float:left;margin-right:-36px;width:36px;font-size:14px;text-align:center;position:relative;padding:7px 0;line-height:1.5;pointer-events:none;background:#0000000f;color:#fff;border-radius:4px 0 0 4px}
.Search-input input{float:left;width:225px;padding-left:50px;padding-right:32px;-webkit-transition:all .4s;-o-transition:all .4s;transition:all .4s;box-sizing:inherit!important}
body{font-family:‘Microsoft YaHei’,“Open Sans”,“Clear Sans”,“Helvetica Neue”,Helvetica,Arial,sans-serif;line-height:1.6}
@media (min-width:1120px){
.containerNarrow{max-width:100%}
.Post-header{text-align:right;border-bottom:1px solid #ededed}
.PostUser-badges{display:none}
.DiscussionPage-stream{margin-left:-85px}
.Hero .container{padding-top:15px;padding-bottom:15px}
.PostUser-avatar{vertical-align:middle;position:relative;left:-7px;top:-2px;width:1.5em;height:1.5em;font-size:1em;line-height:1.5em}
.UserPage .Post{padding-left:18px}
.DiscussionListItem-author .Avatar,.IndexPage .DiscussionListItem-author .Avatar{display:none}
.DiscussionListItem-badges{width:0}
.containerNarrow{float:left;text-align:left}
.DiscussionHero–colored,.DiscussionHero–colored a{text-align:left}
.Post–BestAnswer{text-align:center;left:0!important;width:25%;z-index:999}
.Post-body a{border:1px solid #e0e0e0!important;padding:1px;padding-top:0}
.DiscussionListItem-badges{margin-left:-42px;margin-top:20px}
.Badge,.Badge .Badge-icon{vertical-align:middle}
.EventPost-icon{margin-top:2px;margin-left:0;padding-right:10px;width:auto;font-size:1.5em}
.sideNav,.sideNav>ul{width:190px;right:0;position:absolute}
.sideNavOffset{max-width:800px}
nav.IndexPage-nav.sideNav{width:190px;margin-right:0;position:relative;float:right}
.sideNavContainer{display:block}
.TagsPage nav.IndexPage-nav.sideNav{overflow:hidden;margin-right:-99999px}
.TagsPage .sideNavOffset{max-width:1200px}
.Post a.inline-image-link{margin-top:15px}
.Post-likedBy{position:absolute;top:17px}
.item-edited .ButtonGroup>.Button{padding:0}
.DiscussionHero-items{text-align:left}
.PostUser-level{float:right!important;position:inherit!important;margin:0!important}
.PostUser-bar{border-radius:.1px!important;margin-top:7px;height:6px!important;top:24px!important}
.PostUser-text{position:absolute;right:55px;top:24px;width:77px;font-size:12px}
}
.topbutton i{padding:5px}
.topbutton a{color:#fff;text-decoration:unset}
.IndexPage-nav .item-newDiscussion .Button{width:auto}
.Flagrow-Ads-fake-poststream-item{border:0!important}
.PostStream-item:not(:last-child){border:0}
@media (max-width:1024px) and (min-width:768px){
.sideNavOffset{max-width:700px}
nav.IndexPage-nav.sideNav{width:100%;position:initial!important;white-space:nowrap;overflow:auto}
.ComposerBody-header h3,.ComposerBody-header h3 a,.ComposerBody-header h3 input,.Post-body,.TextEditor textarea{font-size:1rem}
.PostsUserPage-discussion a{font-style:normal}
.UserPage .Post-header,.item-bestAnswerPost .Post-header{border-bottom:0}
}
.App { overflow-x: visible!important; }
@media (min-width:768px) {
#header {
background:rgba(255,255,255,0.8) !important;
-webkit-backdrop-filter:blur(8px);
backdrop-filter:blur(3px);
}
}
body {
font-family: LXGW WenKai Screen, serif;
}
h1, h2, h3, h4, .TagsLabel, .Button, .DiscussionListItem-count, .item-discussion-views {
font-family: LXGW WenKai Screen, sans-serif;
}
/* 文章卡片 */
.Post-body {
border-radius: 5px;
margin-top: 0;
background: #fff;
padding: 20px;
z-index: -1;
.Hero, .UserPage .Hero, .UserPage .darkenBackground {
border-radius: 0 0 2em 2em !important
}min-height: 80px
}
/* 文章列表 */
.IndexPage .DiscussionListItem {
max-width: 95%;
padding: 10px 25px;
background: #ffffffa8;
border-radius: 15px;
margin: 15px auto;
border-bottom: 2px solid rgba(229,229,229,0.7);
z-index: -1;
}
/* 卡片投影 /
.AfruxWidgets-Widget.Afrux-ForumStatsWidgetWidget, .AfruxWidgets-Widget, .Hero, .IndexPage .DiscussionListItem, .Post-body, li.item-nav {
box-shadow: rgba(0,0,0,0.1) 0 1px 3px 0,rgba(0,0,0,0.06) 0 1px 2px 0
}
/ 文章列表 /
.IndexPage .DiscussionListItem, li.item-nav {
padding: 10px 25px;
background: #ffffffa8;
border-radius: 15px;
margin: 15px auto;
border-bottom: 2px solid rgba(229,229,229,0.7);
z-index: -1;
}
/ 评论、文章下方按钮位置 */
.Post-actions {
margin-top: 5px
}
#video-background {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -9999;
overflow: hidden;
}
#video-background video {
min-width: 100%;
min-height: 100%;
}
#video-background video::-webkit-media-controls {
display: none !important;
}
#video-background video::-webkit-media-controls-enclosure {
display: none !important;
}
#video-background video::-webkit-media-controls-panel {
display: none !important;
}