首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

css怎么让表格单元格里的div在所有元素之下

2012-08-27 
css如何让表格单元格里的div在所有元素之上我一个表格的某个单元格里有个div,用作搜索结果的列表,我想让其

css如何让表格单元格里的div在所有元素之上
我一个表格的某个单元格里有个div,用作搜索结果的列表,我想让其在所有元素之上,我设置了z-index还是不行吗,请问高手如何实现这个效果呢?

[解决办法]
要设置绝对定位position:absolute;z-index才有效果,然后用top、left 定位这个div的位置;
看一下我这个例子:

HTML code
<html><head></head><body><table width="185" border="1" cellspacing="0" cellpadding="0">  <tr>  <td style="width:185px; height:130px; position:relative;"></td>  <td style="width:185px; height:130px; position:relative;">  <div style="background:#ccc;filter:alpha(opacity=70);opacity:0.7;width:100px; height:150px; border:1px solid red; position:absolute; z-index:8; top:-9px; left:-20px;"></div> </td> <td style="width:185px; height:130px; position:relative;"></td>  </tr></table></body></html> 

热点排行