html – 对角线穿过或

我想要从< div>的右上角绘制一条对角线。或< span>到左下角问题是内容有时会更长或更短。所以，像静态图像的东西不行。基本上我想要这里描述( How to create a diagonal line within a table cell?)，但是对于< div>或< span>。

这有一些有趣的想法：http://jsfiddle.net/zw3Ve/11/

这样做：http://css-tricks.com/forums/discussion/13384/diagonal-line/p1

这是这个帖子的一个重试：How to strike through obliquely with css

我看起来似乎没有任何想法。看起来纯粹的CSS解决方案应该在这里工作，但是我根本就没有这样的技能。 jQuery也是我的选择。

解决方法

是第一个小提琴作为例子与在背景中的图像而不是不够好吗？

http://jsfiddle.net/zw3Ve/410/

.line {
    display:inline-block;
    border: 1px solid #ccc;
    margin: 10px;
    padding: 10px;
    background:url(http://i.piccy.info/i7/c7a432fe0beb98a3a66f5b423b430423/1-5-1789/1066503/lol.png);
    background-size:100% 100%;
}