当表更薄时，是否可以使全视口宽度悬停？

Question

我有一张桌子。宽度为1260像素，我希望使用背景颜色更改进行<tr>悬停，但颜色应在全视口宽度上更改，而不仅仅是在表格宽度上。是否有可能通过CSS？ 到目前为止我所拥有的是fiddle，但它在Safari中不起作用，并且在悬停表格行时会产生不需要的像素移动。

这是我的错误解决方案的CSS代码片段：

tr:not(:first-child):hover:after {
        content: "";
        position: absolute;
        width: 100vw;
        background-color: #97999a;
        z-index: 0;
        height: 100%;
        left: calc(-50vw + 50% ); }