模板:Background：修订间差异

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

; 用法 : {{Background|image=图片URL|color=背景色|opacity=透明度}} ; 背景图片 : {{Background|image=https://example.com/bg.jpg|size=cover|position=center|opacity=0.85}} ; 纯色背景 : {{Background|color=#1a1a2e|opacity=0.8}} ; 参数 : image — 背景图片URL : color — 背景颜色（#十六进制/rgb/关键词） : size — 图片尺寸，默认 cover（可选 contain / 100% 100%） : position — 图片位置，默认 center : repeat — 是否重复，默认 no-repeat : opacity — 透明度 0~1，默认 1 ; 注意 : 模板直接修改页面 body 背景，刷新或取消使用即可恢复。

@@ 第1行： / 第1行： @@
-<includeonly><div style="
+<includeonly><script>
-    position: fixed;
+(function(){
-    inset: 0;
+var bg = document.body;
-    z-index: -1;
+if (bg) {
-    pointer-events: none;
      {{#if:{{{image|}}}
-         |background-image: url({{{image}}});
+         |bg.style.backgroundImage = 'url({{{image}}})';
-           background-size: {{{size|cover}}};
+           bg.style.backgroundSize = '{{{size|cover}}}';
-           background-position: {{{position|center}}};
+           bg.style.backgroundPosition = '{{{position|center}}}';
-           background-repeat: {{{repeat|no-repeat}}};
+           bg.style.backgroundRepeat = '{{{repeat|no-repeat}}}';
-          {{#if:{{{color|}}}|background-color: {{{color}}};}}
+    }}
-        |{{#if:{{{color|}}}
+    {{#if:{{{color|}}}
-            |background-color: {{{color}}};
+        |bg.style.backgroundColor = '{{{color}}}';
-          }}
      }}
      {{#if:{{{opacity|}}}
-         |opacity: {{{opacity}}};
+         |bg.style.opacity = '{{{opacity}}}';
      }}
-"></div></includeonly><noinclude>
+}
+})();
+</script></includeonly><noinclude>
 <nowiki>
 ; 用法
@@ 第37行： / 第37行： @@
 ; 注意
-: 模板固定全屏背景，不随页面滚动，不会阻挡交互。
+: 模板直接修改页面 body 背景，刷新或取消使用即可恢复。
 </nowiki>
 </noinclude>

KK​（留言 | 贡献）

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

KK（留言 | 贡献）