tip提示箭头指向

2019独角兽企业重金招聘Python工程师标准>>>

第一张方式：

大小修改后：

<div style="z-index: 10000;width: 24px;left: 82%;margin-left: -6px;height: 17px;text-indent: 0px;overflow: hidden;position: absolute;top: 21px;"><before style="border-color: transparent transparent rgb(226, 226, 223);border-style: dashed dashed solid;bottom: 0px;width: 80%;height: 80%;overflow: hidden;border-width: 12px;position: absolute;"></before><after style="border-color: transparent transparent #fbf9f9;border-style: dashed dashed solid;bottom: -1px;width: 80%;height: 80%;overflow: hidden;border-width: 12px;position: absolute;"></after></div>

--------------------------------------------------------------------------------------------

大小修改前：

<div style="z-index: 10000;width: 12px; left: 82%; margin-left: -6px; height: 9px; text-indent: 0px; overflow: hidden; position: absolute; top: 29px;"><before style="border-color: transparent transparent rgb(226, 226, 223); border-style: dashed dashed solid; bottom: 0px; width: 0px; height: 0px; overflow: hidden; border-width: 6px; position: absolute;"></before><after style="border-color: transparent transparent #fbf9f9; border-style: dashed dashed solid; bottom: -1px; width: 0px; height: 0px; overflow: hidden; border-width: 6px; position: absolute;"></after></div>

----------------------------------------------------------------------------------------------

使用：

 <div class="f-l  mar-r10 search-name" style="float:left;width: auto;border: 0">
                <button type="button" id="btnSe" style="float: left" class="search-btn f-r "><i class="icon search"></i></button>
                <a id="seniorQueryBtn" style="margin-left: 20px;cursor:pointer;"><i class="icon search"></i>高级搜索</a>
                <div style="z-index: 10000;width: 12px; left: 82%; margin-left: -6px; height: 9px; text-indent: 0px; overflow: hidden; position: absolute; top: 29px;"><before style="border-color: transparent transparent rgb(226, 226, 223); border-style: dashed dashed solid; bottom: 0px; width: 0px; height: 0px; overflow: hidden; border-width: 6px; position: absolute;"></before><after style="border-color: transparent transparent #fbf9f9; border-style: dashed dashed solid; bottom: -1px; width: 0px; height: 0px; overflow: hidden; border-width: 6px; position: absolute;"></after></div>
            </div>

-----------------------------------------------------------------------------------------------

第二种图片方式：

<div style="z-index: 10000;width: 25px;left: 82%;margin-left: -6px;height: 15px;text-indent: 0px;overflow: hidden;position: absolute;top: 29px;">
   <img src="http://localhost:8888/crbcHQimis/static/images/gj.png">
</div> 

转载于:https://my.oschina.net/u/2351011/blog/1828102