我正在尝试使用此处描述的 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/
知道为什么会这样吗?