模板:折叠图片框：修订间差异

2026年3月6日 (五) 23:03的版本

此图片含限制性内容

本图包含限制级内容，可能不适合未满18周岁者阅读。若你符合年龄限制要求并愿意继续阅读，请点击下方的按钮继续查看。

描述文本

@@ 第4行： / 第4行： @@
 <div class="scp-image-block block-{{{对齐|右}}}" style="width:{{{宽度|300px}}}; display: block;">
+<div class="collapsible-image">
+<div class="collapsible-image-text">此图片含限制性内容</div>
+<div class="collapsible-image-text-main">
+<p>本图包含限制级内容，可能不适合未满18周岁者阅读。若你符合年龄限制要求并愿意继续阅读，请点击下方的按钮继续查看。</p>
+</div>
 {{折叠|隐藏文本=此图片含有限制性内容，仍要观看 |展开文本=- 隐藏}}
@@ 第9行： / 第14行： @@
 {{折叠结束}}
+</div>
 {{#if:{{{描述|}}}|
@@ 第16行： / 第23行： @@
 |
 <div style="color:red">未填写图片链接</div>
+}}
+{{#css:
+@supports selector(:has(*)) {
+    .collapsible-image {
+        display: block;
+        border: solid 2px #c12c32;
+        background: var(--background-color-base,#fff);
+    }
+.collapsible-image-text{
+display: inline-block;
+        padding: 3px;
+        font-size: 1.25rem;
+        background: #c12c32;
+        color: var(--background-color-base,#fff);
+        font-weight: bold;
+    }
+.collapsible-image-text-main{
+display: block;
+        margin: 3px;
+}
+.collapsible-image:has(.mw-collapsible-toggle-expanded) .collapsible-image-text,
+.collapsible-image:has(.mw-collapsible-toggle-expanded) .collapsible-image-text-main {
+        display: none;
+    }
+}
+}
 }}