CSS刪除線效果，Firefox問題

Question

我正在嘗試使用此處描述的CSS刪除線效果： https : //stackoverflow.com/a/14593540/62072和TD元素，但在Firefox中似乎有點錯誤。

鉻

火狐瀏覽器

的CSS

.strikethrough
{
    position: relative;
}

    .strikethrough:before
    {
        position: absolute;
        content: "";
        /*width: 170%;*/
        /*left: -35%;*/
        left: 0;
        top: 50%;
        right: 0;
        border-top: 1px solid #333333;
        /*border-color: inherit;*/
        -webkit-transform: rotate(-35deg);
        -moz-transform: rotate(-35deg);
        -ms-transform: rotate(-35deg);
        -o-transform: rotate(-35deg);
        transform: rotate(-35deg);
    }

的HTML

<span class="strikethrough">
    Test
</span>
<table>
    <tr>
        <td class="strikethrough">
            5
        </td>
    </tr>
</table>

這是一個JSFiddle來演示： http : //jsfiddle.net/Ms4Qy/

知道為什么會這樣嗎？

Answer 1

已知FF在table-cell顯示元素內部具有絕對元素時會發生一些奇怪的行為。

以下設置可能會起作用（但是可能會導致表單元格出現其他一些問題）：

.strikethrough
{
    display: inline-block;
}

jsFiddle演示