User:AWCPublic/TemplateDoc:Barrier

用于遮挡文字的模板，可以使用行内和行间两种样式. 预设给一段文字提供遮挡（采用的颜色和文字颜色相同），鼠标悬停后显示出内容，移动端不适用. 该模板的基础功能支持FandomMobile皮肤，后面涉及到彩色与透明、图片和自定义遮盖内容的部分不适用于FandomMobile皮肤. {	"params": { "1": {			"label": "被遮盖内容", "description": "被遮盖的内容，鼠标悬停之后才会显示. ", "example": "测试文本", "type": "content" },		"2": {			"label": "提示信息", "description": "鼠标悬停之后提示的内容. ", "example": "你不应该知道", "type": "string", "default": "我开玩笑的" },		"custom-bg": { "label": "自定义背景", "description": "该模板支持自定义背景，包括遮盖的背景是文字、图片甚至是其它div结构. 它通过可选参数custom-bg来指定. ", "example": "", "type": "content" },		"width": { "label": "宽度", "description": "控制模板整体的宽度. ", "example": "100px", "type": "content", "default": "auto" },		"height": { "label": "高度", "description": "控制模板整体的高度. ", "example": "100px", "type": "content", "default": "auto" },		"background": { "aliases": [ "bg" ],			"label": "背景", "description": "遮盖物背景的颜色，这包括各种单色以及颜色过渡. ", "example": "white", "type": "content", "default": "var(--theme-page-text-color)" },		"display": { "label": "排版模式", "description": "显示内容的模式，例如有inline（行内）、block（行间）以及其它style支持的display选项. ", "example": "block", "type": "string", "default": "inline" },		"opacity": { "label": "透明度", "description": "背景遮盖物的透明度，不会影响鼠标悬停后的显示透明度. ", "example": "0.3", "type": "number", "default": "1" }	},	"description": "遮挡文字和div块结构以及其它对象的模板，只有在鼠标悬停在目标上之后才会显示. ", "paramOrder": [ "1",		"2",		"display", "background", "opacity", "custom-bg", "width", "height" ] }
 * 说明
 * 用法

你可以使用彩色遮盖物，这包括其他单色以及颜色过渡，通过可选参数 或 来指定颜色，该参数的预设值是 （不适用于FandomMobile皮肤）.
 * 例子
 * 1) 测试文字什么都没有.
 * 2) 对超链接也适用，.
 * 3) 你可以使用行间模式.
 * 4) 图片的效果.
 * 5) 这是个，可见对上下标（ ）也是适配的.
 * 6) 这是个，同时没有 title 提示.
 * 1) 测试文字什么都没有.
 * 2) 对超链接也适用，.
 * 3) 你可以使用行间模式.
 * 4) 图片的效果.
 * 5) 这是个，可见对上下标（ ）也是适配的.
 * 6) 这是个，同时没有 title 提示.
 * 彩色与透明
 * 1) 这里有以及.
 * 2) 对超链接也适用，.
 * 3) 试试透明效果：
 * 4) 试试半透明效果：
 * 1) 这里有以及.
 * 2) 对超链接也适用，.
 * 3) 试试透明效果：
 * 4) 试试半透明效果：

使用 来指定使用行间模式，这时你可以嵌入其他页面，相比于行内模式，这种行间模式对富媒体（如图片， 盒子以及各种带有特殊颜色的元素）的遮盖效果更好. 例
 * 块级写法与嵌入

嵌入一张图片

如果希望只对图片本身遮盖而不牵扯到多余的区域，可以使用行内行间模式： 如果这时你选择了预设的行内模式 由于这两种处理方式不同，这实际上会导致图片直接变透明（不适用于FandomMobile皮肤），等价于 如下语法可以让图片半透明（不适用于FandomMobile皮肤）

该模板支持自定义背景，包括遮盖的背景是文字、图片甚至是其它 结构. 它通过可选参数 来指定. 效果： 还有另外两个参数 和 来控制模板整体的高度和宽度. 注意上面涉及到设置宽度和高度的操作不适用于FandomMobile皮肤，第一种和第三种可正常工作.
 * 自定义背景
 * 1) texttext
 * 2) 两个图片交换显示
 * 1) 两个图片交换显示
 * 1) texttext
 * 2) 两个图片交换显示
 * 1) 两个图片交换显示

该模板需要如下 CSS，需将如下字段加入到Mediawiki:Common.css： 关于移动端的适配详见这里.
 * 支持