模板:Background：修订间差异

下一编辑→

可视化wikitext

2026年5月12日 (二) 20:40的版本

用法

背景图片

纯色背景

参数: image — 背景图片URL; color — 背景颜色（#十六进制/rgb/关键词）; size — 图片尺寸，默认 cover（可选 contain / 100% 100%）; position — 图片位置，默认 center; repeat — 是否重复，默认 no-repeat; opacity — 透明度 0~1，默认 1

注意: 模板固定全屏背景，不随页面滚动，不会阻挡交互。

@@ 第18行： / 第18行： @@
      }}
 "></div></includeonly><noinclude>
-{{Documentation
+; 用法
-|content=
+: <code>{{Background|image=图片URL|color=背景色|opacity=透明度}}</code>
-'''Template:Background''' — 为页面设置全屏背景图片或背景色。
-== 用法 ==
+; 背景图片
+: <code>{{Background|image=https://example.com/bg.jpg|size=cover|position=center|opacity=0.85}}</code>
-=== 背景图片 ===
+; 纯色背景
-<pre>{{Background
+: <code>{{Background|color=#1a1a2e|opacity=0.8}}</code>
-|image   = https://example.com/bg.jpg
-|size    = cover（默认）／contain／100% 100%
-|position= center（默认）／top／left 等
-|repeat  = no-repeat（默认）／repeat
-|opacity = 0.5（可选，0~1）
-}}</pre>
-=== 纯色背景 ===
+; 参数
-<pre>{{Background
+: image — 背景图片URL
-|color   = #1a1a2e
+: color — 背景颜色（#十六进制/rgb/关键词）
-|opacity = 0.8（可选）
+: size — 图片尺寸，默认 cover（可选 contain / 100% 100%）
-}}</pre>
+: position — 图片位置，默认 center
+: repeat — 是否重复，默认 no-repeat
+: opacity — 透明度 0~1，默认 1
-== 参数说明 ==
+; 注意
-{| class="wikitable"
+: 模板固定全屏背景，不随页面滚动，不会阻挡交互。
-! 参数 !! 说明 !! 默认值
-|-
-| <code>image</code> || 背景图片 URL || —
-|-
-| <code>color</code> || 背景颜色（十六进制/rgb/关键词） || —
-|-
-| <code>size</code> || 背景图片尺寸 || cover
-|-
-| <code>position</code> || 背景图片位置 || center
-|-
-| <code>repeat</code> || 背景图片重复 || no-repeat
-|-
-| <code>opacity</code> || 整体透明度（0~1） || 1
-|}
-== 示例 ==
-<pre>{{Background
-|image = https://example.com/forest.jpg
-|color = #0d1117
-|opacity = 0.85
-}}</pre>
-== 注意 ==
-* 模板使用 <code>position: fixed</code> 固定背景，不随页面滚动。
-* <code>pointer-events: none</code> 确保背景不会阻挡页面交互。
-* 建议搭配浅色/深色文字使用，确保可读性。
-}}
 </noinclude>

KK​（留言 | 贡献）

2026年5月12日 (二) 20:40的版本

KK（留言 | 贡献）