查看“︁模板:Background”︁的源代码

<includeonly><div style="
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    {{#if:{{{image|}}}
        |background-image: url({{{image}}});
          background-size: {{{size|cover}}};
          background-position: {{{position|center}}};
          background-repeat: {{{repeat|no-repeat}}};
          {{#if:{{{color|}}}|background-color: {{{color}}};}}
        |{{#if:{{{color|}}}
            |background-color: {{{color}}};
          }}
    }}
    {{#if:{{{opacity|}}}
        |opacity: {{{opacity}}};
    }}
"></div></includeonly><noinclude>
{{Documentation
|content=
'''Template:Background''' — 为页面设置全屏背景图片或背景色。

== 用法 ==

=== 背景图片 ===
<pre>{{Background
|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
|color   = #1a1a2e
|opacity = 0.8（可选）
}}</pre>

== 参数说明 ==
{| 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>