html – td {position：relative; }溢出到表边框

概述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; http://jsfiddle.net/L83y3/

HTML

<table>    <tr>        <td>stuff</td>        <td >more stuff</td>    </tr></table>

CSS

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

Chrome 13，Safari 5，ie7具有坚实的不间断绿色边框
但导致IE9，ie8，FF5，FF4，FF3.6

如何才能得到一个坚实的边界，但仍然有位置：相对在正确的单元格？

解决方法 应用z-index：-1;

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

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

总结

以上是内存溢出为你收集整理的html – td {position：relative; }溢出到表边框全部内容，希望文章能够帮你解决html – td {position：relative; }溢出到表边框所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。