(页面间差异)
(创建页面,内容为“<!-- --><div id="home-featured" class="home-card home-card--button home-card--col2 home-card--row3"> <div class="home-card__background">[[File:{{Main page/settings|featured-图像}}|x200px|link={{Main page/settings|featured}}]]</div> <div class="home-card__foreground"> <div class="home-card__label">精选内容</div> <h3 class="home-card__header">{{Main page/settings|featured}}</h3> </div> </div><templatestyles src="Template:Main page/featured/styles.css"/><noi…”) |
(创建页面,内容为“#home-featured { overflow: hidden; } #home-featured .home-card__background a { display: block; height: 100%; } #home-featured .home-card__background:after { position: absolute; pointer-events: none; right: 0; bottom: 0; left: 0; display: block; height: 100%; background: linear-gradient( to top, #000, transparent ); border-radius: 0 0 8px 8px; content: ''; } #home-featured .home-card__foreground { pointer-events: none; right: 15px; bottom: 15p…”) |
||
第1行: | 第1行: | ||
#home-featured { | |||
overflow: hidden; | |||
} | |||
#home-featured .home-card__background a { | |||
display: block; | |||
height: 100%; | |||
} | |||
#home-featured .home-card__background:after { | |||
position: absolute; | |||
pointer-events: none; | |||
right: 0; | |||
bottom: 0; | |||
left: 0; | |||
display: block; | |||
height: 100%; | |||
background: linear-gradient( to top, #000, transparent ); | |||
border-radius: 0 0 8px 8px; | |||
content: ''; | |||
} | |||
#home-featured .home-card__foreground { | |||
pointer-events: none; | |||
right: 15px; | |||
bottom: 15px; | |||
left: 15px; | |||
} |
2023年9月18日 (一) 23:20的版本
#home-featured {
overflow: hidden;
}
#home-featured .home-card__background a {
display: block;
height: 100%;
}
#home-featured .home-card__background:after {
position: absolute;
pointer-events: none;
right: 0;
bottom: 0;
left: 0;
display: block;
height: 100%;
background: linear-gradient( to top, #000, transparent );
border-radius: 0 0 8px 8px;
content: '';
}
#home-featured .home-card__foreground {
pointer-events: none;
right: 15px;
bottom: 15px;
left: 15px;
}