21

<div>の右上隅または<span>左下隅に対角線を引きたいと思っています。問題は、コンテンツが時々長くなったり短くなったりすることです。そのため、静止画像のようなものは機能しません。基本的に、ここで説明されている内容が必要です (表のセル内に対角線を作成する方法は? ) が、 a<div>または a <span>.

これにはいくつかの興味深いアイデアがあります: http://jsfiddle.net/zw3Ve/11/

これもそうです：http://css-tricks.com/forums/discussion/13384/diagonal-line/p1

これは、この投稿での再試行のようなものです: CSS で斜めに打ち抜く方法

しかし、私はこれを理解できないようです。ここでは純粋な CSS ソリューションが機能するはずですが、それを実現するスキルが私にはありません。jQueryも私にとってのオプションです。

4

5 に答える 5

10

代わりに背景の画像を使用した例としての最初のフィドルは十分ではありませんか?

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%;
}
于 2013-07-11T22:02:32.830 に答える