仅隐藏封面图效果:

媒体标题占位效果:

/* 页面背景遮罩透明度 */
.backgroundContainer.withBackdrop {
background-color: rgba(0, 0, 0, 0.4) !important;
}
/* 隐藏详情页封面图 */
.detailImageContainer-main {
display: none;
}
/* 媒体名称空白占位间距 */
.detailNameContainer {
margin-top: 200px;
}
/* ————以下是进阶微调———— */
/* 仅隐藏媒体详情页遮罩层透明度 */
.backgroundContainer.itemBackgroundContainer {
/* 仅设置媒体详情页使用rgba精确控制颜色和透明度 */
background-color: rgba(0, 0, 0, 0.4) !important;
/* 禁用默认样式干扰 */
backdrop-filter: none !important;
}
/* 若遮罩由伪元素实现,单独调整其透明度 */
.backgroundContainer.itemBackgroundContainer::after {
opacity: 0.4 !important; /* 单独调节伪元素遮罩透明度 */
}
还特地入库个超级玛丽来测试~具体遮罩透明亮度、标题占位高度自己修改css数值调节

媒体标题占位效果:

/* 页面背景遮罩透明度 */
.backgroundContainer.withBackdrop {
background-color: rgba(0, 0, 0, 0.4) !important;
}
/* 隐藏详情页封面图 */
.detailImageContainer-main {
display: none;
}
/* 媒体名称空白占位间距 */
.detailNameContainer {
margin-top: 200px;
}
/* ————以下是进阶微调———— */
/* 仅隐藏媒体详情页遮罩层透明度 */
.backgroundContainer.itemBackgroundContainer {
/* 仅设置媒体详情页使用rgba精确控制颜色和透明度 */
background-color: rgba(0, 0, 0, 0.4) !important;
/* 禁用默认样式干扰 */
backdrop-filter: none !important;
}
/* 若遮罩由伪元素实现,单独调整其透明度 */
.backgroundContainer.itemBackgroundContainer::after {
opacity: 0.4 !important; /* 单独调节伪元素遮罩透明度 */
}
还特地入库个超级玛丽来测试~具体遮罩透明亮度、标题占位高度自己修改css数值调节











