0

I'm using IE7 and IE8. Is there anyway to have a completely invisible or transparent table row which has table data that is visible?

Brian Tompsett - 汤莱恩
  • 5,753
  • 72
  • 57
  • 129
John
  • 1,556
  • 4
  • 26
  • 42
  • 5
    What do you mean by "transparent table row", since you're not talking about its contents? Transparent background? No borders? – lanzz Jul 16 '12 at 14:16
  • what you describe is the default behaviour. – Bazzz Jul 16 '12 at 14:18
  • Allow me to clarify; transparent as in if it had a higher z index and absolute position it would show the lower z level objects behind it. Lamest metaphor ever but, think like a window with stickers on it the table row being the window the table data being the stickers. – John Jul 16 '12 at 14:20
  • I am assuming you have a [sort of] long table and you want to fix the ``s so when you scroll they remain visable. – Ryan B Jul 16 '12 at 14:30
  • yes i have a relativly long table well several nested to be more exact – John Jul 16 '12 at 14:34
  • If that is the case, see [HTML table headers always visible at top of window when viewing a large table](http://stackoverflow.com/questions/1030043/html-table-headers-always-visible-at-top-of-window-when-viewing-a-large-table) – JSW189 Jul 16 '12 at 14:51

2 Answers2

4

Do you mean just one transparent row? That can be achieved with CSS by assigning a specific class to the table data row:

HTML

<table>
    <tr>
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td class="invisible"></td>
        <td class="invisible"></td>
        <td class="invisible"></td>
    </tr>
</table>

CSS

td {
    border: 1px solid black;
}

.invisible {
    border: 0;
}

JS Fiddle: http://jsfiddle.net/sK338/

JSW189
  • 6,267
  • 11
  • 44
  • 72
1

maybe you need to add border="0"?

Lukas
  • 7,384
  • 20
  • 72
  • 127