问题描述
- 怎么实现下面这个图的效果啊？
-
当鼠标移上去的时候出现橘色的那个图片，下面有尖角，好像是在表格里，
开发-怎么实现下面这个图的效果啊？-web开发通知实现">
开发解决方案
用图片方式，给你个例子
http://demo.lanrenzhijia.com/demo/1201/tab/
http://demo.lanrenzhijia.com/yulan/494/
解决方案二：
div+背景图，position是absolute的，你控制位置
解决方案三：
容器relative定位，小箭头用背景做的，absolute定位，然后浮动到单元格最下面就行
<!Doctype html />
<style>
.head{position:relative;line-height:50px;color:#fff;background:#E96F5D;text-align:center;width:150px}
.arrow{position:absolute;bottom:-6px;height:6px;width:13px;left:50%;margin-left:-6px;background:url(http://www.coding123.net/demo/arrow.png) no-repeat}
</style>
<table cellpadding="0" cellspacing="0"><tr><td><div class="head">线上已付订单<div class="arrow"></div></div></td></tr>
<tr><td style="background:#eee">eeee</td></tr></table>
时间： 2024-09-20 00:12:50