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

前端之家收集整理的这篇文章主要介绍了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;
    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
}
原文链接:https://www.f2er.com/html/232670.html

猜你在找的HTML相关文章