模板:Tooltip/doc

使用

• 語法

{{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>