stack

demo

HTML

<table>
    <tr class="tr1">
    <td>Item 1</td>
    </tr>
    <tr class="tr2">
    <td>Item 2</td>
    </tr>
    <tr class="tr3">
    <td>Item 3</td>
    </tr>
    <tr class="tr4">
    <td>Item 4</td>
    </tr>
    </table>

CSS

tr td {
     display: inline-block;
     vertical-align: middle;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
     overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
    }
    tr td:hover, tr td:focus, tr td:active {
    background-color: #2098d1;
    color: white;
    }