td {position：relative; }溢出到表边框 [英] td { position:relative; } overflows into the table border

问题描述

  .right 
 {
 position：relative; 
 z-index：-1 
} 
  

http://jsfiddle.net/L83y3/

HTML

<table>
    <tr>
        <td>stuff</td>
        <td class="right">more stuff</td>
    </tr>
</table>

CSS

table
{
    border:10px solid green;
}
td
{
    padding:20px;
    background-color:gray;
}
.right
{
    position:relative;
}

has a solid uninterrupted green border for Chrome 13, Safari 5, IE7 but results in this for IE9, IE8, FF5, FF4, FF3.6

How can I get a solid border all the way around, but still have position:relative in the right cell?

解决方案

Apply z-index:-1;

jsfiddle: http://jsfiddle.net/thilakar/L83y3/1/

.right
{
    position:relative;
    z-index:-1
}

这篇关于td {position：relative; }溢出到表边框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！