-1
我一直在試圖提出一個工具提示。類似,當我懸停在圖像出現的下面的圖像中:CSS工具提示箭頭不工作
問題是低於三角箭頭不來在所有。我GOOGLE了很多,並通過以前問的問題stackoverflow的問題。但沒有運氣。我要在下面放碼,你可以請讓我知道我錯了:
HTML代碼:
<span class="help-tooltip" tooltip-text="Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Donec non diam enim. Quisque leo erat, vulputate id mi et, pharetra vulputate sapien.">
<img src="/static/img/help.png">
</span>
下面是我的CSS代碼:
span[tooltip-text]:hover:after {
content: attr(tooltip-text);
padding: 8px 8px;
color: white;
position: absolute;
left: -60px;
bottom: 120%;
width: 275px;
height: auto;
background: #0679ca;
border-radius: 10px;
}
.help-tooltip:hover {
position: relative;
}