• 正在查找将来过去时的官方设定集?不如看看万界大百科吧!
  • 《将来过去时》第一部分 现在 魔科纪元的少年少女 即将正式发布!
  • 让我偷偷看一眼小鱼君的博客……
  • 服务器已成功迁移到 阿里云(杭州)

模板:Tooltip/doc

出自小鱼君和他的朋友们
< Template:Tooltip
於 2019年9月4日 (三) 23:54 由 机智的小鱼君對話 | 貢獻 所做的修訂 (导入1个版本)
(差異) ←上個修訂 | 最新修訂 (差異) | 下個修訂→ (差異)

使用

  • 語法
{{Tooltip|内容内容|提示提示提示}}
  • 效果

內容內容提示提示提示

技術說明

使用oasis design system的dropdown系統魔改,為實現此效果所配置的css如下,轉載註明出處: <source lang="css"> .custom-tooltip .wds-dropdown__toggle,.custom-tooltip .wds-dropdown__toggle:hover {

 transition: all 0.25s

} .custom-tooltip .wds-dropdown__toggle {

 border-bottom:1px dotted #bbb;
 cursor:help

} .custom-tooltip .wds-dropdown__toggle:hover {

 border-bottom: 1px solid #888;

} .custom-tooltip .wds-dropdown__content {

 transform: translateX(25px);
 padding:0 0;

} .custom-tooltip .wds-dropdown__content .wds-list {

 margin: 0 0;

} .custom-tooltip .wds-dropdown__content .wds-list li {

 font-size:10px;font-weight:normal;color:#666;list-style:none;text-align:center

}

.custom-tooltip .wds-list::before {

height:2em !important

} .custom-tooltip:hover:after, .custom-tooltip.wds-dropdown:hover::before {

display:none !important

} </source>