html – 对角线穿过或

发布时间：2020-12-14 21:37:35 所属栏目：资源来源：网络整理

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

我想要从< 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%;
}

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!