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

Template: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>