css - 谷歌浏览器 : Diagonal CSS line-through

Question

我只是想知道这是否在某种程度上是一个 css 属性:

http://dl.dropbox.com/u/14645664/fhjfhgf.JPG

有人知道吗？

Answer 1

不，这绝对不是 CSS。

但是，这并不意味着您不能用 CSS 做类似的事情。从具有特定类的元素开始，例如“slashed”:

<span class="slashed">True?</span>

然后，CSS 伪元素/选择器来拯救!

.slashed:before {
    content:"╱";   
    display:block;
    color:red;
    font-size:2em;
    position:relative;
    left:1em;
    top:5px;
  }

请注意，CSS 中使用的斜杠是“╱”，而不是“/”，因为它提供了更好的斜杠效果。您显然可以通过更改 top、left 和 font-size 属性来调整它。最终结果如下所示:

请注意，CSS :before 在以下 IE7 和其他(更)旧的浏览器中不起作用，因此您需要某种回退。

http://jsbin.com/ohuxig/edit#html,live