置顶公告:【置顶】关于临时开启评论区所有功能的公告(2022.10.22) | 【置顶】关于本站Widget恢复使用的公告
  • 你好~!欢迎来到萌娘百科镜像站!如需查看或编辑,请联系本站管理员注册账号。
  • 本镜像站和其他萌娘百科的镜像站无关,请注意分别。

模板:Mask

萌娘百科,萬物皆可萌的百科全書!轉載請標註來源頁面的網頁連結,並聲明引自萌娘百科。內容不可商用。
跳至導覽 跳至搜尋
Template-info.svg 模板文檔  [查看] [編輯] [歷史] [刷新]

本模板用來協助實現 CSS mask(蒙版)屬性[1],利用 Javascript 為指定的元素依據平台不同賦 mask-image-webkit-mask-image 屬性(因為MediaWiki禁止直接使用 url())。

語法

{{mask|target=目标选择器|image=图像名称}}

  • target:想要添加蒙版的元素的選擇器。必須是一個CSS選擇器[2];注意蒙版可以被添加在多個元素上,所以錯誤的選擇器有可能影響整個頁面上的大量元素。
  • image:圖片名稱,不必附「File:」「文件:」等前綴。注意因安全限制,本模板和其後端腳本均僅接受萌娘共享的圖片。

本模板可以被放置在頁面上的任何地方,但是模板報錯會顯示在模板的所在地。

本模板僅添加 mask-image-webkit-mask-image 屬性。其他適用的 mask 參數必須自行在對應元素添加。

參見

  • {{蒙版圖片}}:包裝好的簡易蒙版,可以直接當作圖片使用。


參考資料