注意:在发布之后,您可能需要清除浏览器缓存才能看到所作出的更改的影响。
- Firefox或Safari:按住Shift的同时单击刷新,或按Ctrl-F5或Ctrl-R(Mac为⌘-R)
- Google Chrome:按Ctrl-Shift-R(Mac为⌘-Shift-R)
- Edge:按住Ctrl的同时单击刷新,或按Ctrl-F5。
/* 这里放置的CSS将应用于所有皮肤 */
/* Template: Tip */
/* Source: https://templatemanager.huijiwiki.com/wiki/%E9%9B%B6%E4%BB%B6:TipGreen.css */
.explain {
position: relative;
display: inline-flex;
flex-direction: column;
color: var(--a);
cursor: help;
text-decoration-line: underline;
text-decoration-style: dashed;
}
.explain .explain-text {
background: rgba(0, 0, 0, 0.9) fixed;
color: #fff;
font-size: 13px;
width: max-content;
max-width: 18em;
visibility: hidden;
opacity: 0.0;
border-radius: 2px;
padding: 4px;
position: absolute;
bottom: 110%;
transition: all .5s;
align-self: center;
line-height: initial;
}
.explain .explain-text::after {
content: " ";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border: 5px solid;
border-color: rgba(0, 0, 0, 0.9) transparent transparent;
}
.explain:hover .explain-text {
visibility: visible;
opacity: 1.0;
transition: all .5s;
}