Using CSS, how can I make overflow:visible; contents overlap adjacent <td> cells?
- by Structure
I have the following CSS style code for my table:
td {
overflow: hidden;
white-space:nowrap;
}
td:hover {
overflow: visible;
}
However, when I hover over a <td> element whos contents (text) are hidden, the result is that the contents become visible but are behind the content of the adjacent cell (right side).
I do not think that z-index can be applied to table cell elements, so is there a CSS attribute that I can specify within my td:hover style which will make the content of my <td> tag overlap the content in adjacent cells?