我想要从< 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也是我的选择。
解决方法@H_301_12@
是第一个小提琴作为例子与在背景中的图像而不是不够好吗?
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%;
}
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%; }