黑幕,用黑色背景覆盖文本,使用场景包括但不限于整活,遮盖抽象或不可言说 (?) 之内容。
用法[编辑]
{{Spoiler|内容|悬浮标题|type=设置揭开行为}}
1
— 内容,被黑幕遮盖的文本。2
— 悬浮标题,光标悬浮或触摸屏点击后显示的提示框内容。type
— 类名,设置黑幕的揭开方式。uncover
— 光标悬浮或触摸屏点击后将黑色背景揭开。dark
— 黑色背景始终存在,光标悬浮或触摸屏点击后文本变为白色。(默认)
源代码 | 效果预览 |
---|---|
{{Spoiler|内容|type=uncover}} |
内容 |
{{Spoiler|内容|type=dark}} |
内容 |
{{Spoiler|{{I|波兰}} [[波兰球]]是一个国家球|你应该知道这个角色|type=uncover}} |
波兰球是一个国家球 |
技术[编辑]
模板设置了两层span元素,分别是“黑幕”和“内容”。实际操作是在“黑幕”上设置一个黑色背景,然后用css属性 opacity
使“内容”透明——因为黑色背景的图层实际低于显示的内容。由于是通过 opacity
在父元素上实现,它不会出现部分内容未被隐藏的问题。
模板数据[编辑]
黑幕,用黑色背景覆盖文本
参数 | 描述 | 类型 | 状态 | |
---|---|---|---|---|
内容 | 1 | 被黑幕遮盖的内容 | 内容 | 可选 |
悬浮标题 | 2 | class属性,光标悬浮或触摸屏点击后显示的提示框内容 | 内容 | 可选 |
类型 | type | 设置黑幕应该如何揭开(uncover、dark)
| 单行文本 | 可选 |