×
创建新页面
在此填写您的页面标题:
我们当前在话题球wiki上拥有9个页面。请在上方输入您的页面名称或点击以下任意标题来开始编写页面!



话题球wiki
Maitian MaiLin留言 | 贡献2025年4月19日 (六) 13:47的版本 (创建页面,内容为“黑幕,用黑色背景覆盖文本,包括但不限于整活、抽象和不可言说 (?) 之内容 ==用法== <syntaxhighlight lang="wikitext"> {{Spoiler|内容|悬浮标题|type=设置揭开行为}} </syntaxhighlight> *<code>1</code> — 内容,被黑色背景覆盖的文本。 *<code>2</code> — 悬浮标题,光标悬浮或点击后显示的提示框内容。 *<code>type</code> — 类名,设置揭开行为。 **<code>uncover</code> — 光标悬…”)
(差异) ←上一版本 | 最后版本 (差异) | 下一版本→ (差异)

黑幕,用黑色背景覆盖文本,包括但不限于整活、抽象和不可言说 (?) 之内容

用法

{{Spoiler|内容|悬浮标题|type=设置揭开行为}}
  • 1 — 内容,被黑色背景覆盖的文本。
  • 2 — 悬浮标题,光标悬浮或点击后显示的提示框内容。
  • type — 类名,设置揭开行为。
    • uncover — 光标悬浮或点击后将黑色背景揭开。(默认)
    • dark — 黑色背景始终存在,光标悬浮或点击后文本变为白色。
源代码 效果预览
{{Spoiler|内容|type=uncover}} 内容
{{Spoiler|内容|type=dark}} 内容
{{Spoiler|{{I|波兰}} [[波兰球]]是一个国家球|你应该知道这个角色}} 波兰球是一个国家球

技术

模板设置了两层span元素,分别是“黑幕”和“内容”。实际操作是在“黑幕”上设置一个黑色背景,然后用css属性 opacity 使“内容”透明——因为黑色背景的图层实际低于显示的内容。由于是通过 opacity 在父元素上实现,它不会出现部分内容未被隐藏的问题。