模板:Background：修订间差异

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

; 用法 : {{Background|image=图片URL|color=背景色|opacity=透明度}} ; 背景图片 : {{Background|image=https://example.com/bg.jpg}} ; 纯色背景 : {{Background|color=#0d1117}} ; 参数 : image — 背景图片URL : color — 背景颜色（#十六进制/rgb/关键词） : size — 图片尺寸，默认 cover : position — 图片位置，默认 center : repeat — 是否重复，默认 no-repeat : opacity — 透明度 0~1，默认 1 ; 注意 : 模板使用固定定位背景，不随页面滚动，不会阻挡交互。

@@ 第1行： / 第1行： @@
-<includeonly><html><script>
+<includeonly><div style="
-(function(){
+    position: fixed;
-var bg = document.body;
+    inset: 0;
-if (bg) {
+    z-index: -1;
+    pointer-events: none;
      {{#if:{{{image|}}}
-         |bg.style.backgroundImage = 'url({{{image}}})';
+         |background-image: url({{{image}}});
-           bg.style.backgroundSize = '{{{size|cover}}}';
+           background-size: {{{size|cover}}};
-           bg.style.backgroundPosition = '{{{position|center}}}';
+           background-position: {{{position|center}}};
-           bg.style.backgroundRepeat = '{{{repeat|no-repeat}}}';
+           background-repeat: {{{repeat|no-repeat}}};
      }}
      {{#if:{{{color|}}}
-         |bg.style.backgroundColor = '{{{color}}}';
+         |background-color: {{{color}}};
      }}
-}
+    {{#if:{{{opacity|}}}
-})();
+        |opacity: {{{opacity}}};
-</script></html></includeonly><noinclude>
+    }}
+"></div></includeonly><noinclude>
 <nowiki>
 ; 用法
-: {{Background|image=图片URL|color=背景色}}
+: {{Background|image=图片URL|color=背景色|opacity=透明度}}
 ; 背景图片
@@ 第31行： / 第33行： @@
 : position — 图片位置，默认 center
 : repeat — 是否重复，默认 no-repeat
+: opacity — 透明度 0~1，默认 1
 ; 注意
-: 模板直接修改页面 body 背景，刷新即可恢复。
+: 模板使用固定定位背景，不随页面滚动，不会阻挡交互。
 </nowiki>
 </noinclude>

KK​（留言 | 贡献）

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

KK（留言 | 贡献）