本文介绍了如何使用CSS创建一个带有自定义位置和箭头效果的WPF Tooltip。通过伪元素控制显示隐藏，并利用边框技巧制作三角形箭头，实现了Tooltip的空心效果。最后提到了可以进一步调整Tooltip的位置和箭头位置。
看一下最终的效果
第一步先是根据伪元素状态显隐tooltip
<style>
#hover {
border: 1px solid grey;
border-radius: 3px;
padding: 5px;
margin: 10px;
}
#hover:hover {
cursor: pointer;
border-color: red;
}
#hover+div {
display: none;
position: absolute;
}
#hover:hover+div {
display: inline-block;
}
</style>
<body>
<span id="hover">Hover me</span>
<div>
This is the description!
</div>
</body>鼠标没有移在元素上时(上面一条直线是浏览器的边界线，请忽略)
最低0.47元/天 解锁文章
2384
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
