日期:2014-05-17  浏览次数:20609 次

表格中显示div问题
表格中若干超链接,想实现鼠标放上去,在左边显示不同的详细介绍信息
div中position定义为absolute可以浮于表格之上(是我要的效果),但必须定义left、top,导致分辨率或网页大小变化时,div会失去原先的位置
position定义为relative可以保证是在表格中每个td内,但div内容太多,会把td撑的很大

如何实现浮于表格上,但又保证与每个超链接的相对位置保持不变呢?

------解决方案--------------------
又保证与每个超链接的相对位置保持不变?
(分辨率 width-页面宽度)/2+div.stlye.left
------解决方案--------------------
你说的效果是不是就和工具提示一样,如果是,你可以用下面这个代码试下,在IE和FF中工作都正常
<style>
/*以下样式是设置纯CSS工具提示的*/
a.tooltip{
position:relative;
}
a.tooltip span{
display:none;
}
a.tooltip:hover{
font-size:100%;
}
a.tooltip:hover span{
display:block;
position:absolute;
top:1.5em;
left:2em;
padding:0.2em 0.6em;
border:1px #996633 solid;
background-color:#ffff66;
color:#000;
text-decoration:none;
width:200px;
}
</style>

<p> 纯CSS的工具提示: </p>
<p>
<a href= "# " class= "tooltip "> Andy Budd <span> 纯CSS工具提示(IE6也行了啊,font-size:100%) </span> </a>
is a web developer based in Brighton England
</p>