html查看
- tooltip:
<div role="tooltip" id="el-tooltip-7368"
aria-hidden="true" class="el-tooltip__popper is-light"
style="transform-origin: center top; z-index: 2071; display: none;">
Bottom center
<div x-arrow="" class="popper__arrow" style="left: 43px;"></div>
</div>
查看箭头
- 查看箭头
div
的style
图中可以看到,是 div
的下边框的颜色,width
为0
+ border-top-width
为0
时实现的简单箭头样式。
- 查看箭头
div
的after
同样的实现方法,但是after
的内容占据了箭头的内容,div
其实是实现的箭头边框颜色。
值得说明的是,这个箭头是利用边框
实现的。
一开始是真不知道,这个箭头是怎么实现的,后来调大参数才理解。