1

CSSまたはCSS3を使用して、次の背景を作成するにはどうすればよいですか?

45 度線の背景

可能であれば、ie6,7,8 のサポートを希望します。JavaScript ベースのツールを使用して、古いブラウザー (css3pie など) の CSS3 をシミュレートできます。

4

3 に答える 3

2

可能であれば、ie6,7,8 のサポートを希望します。

背景画像を使用します。純粋な CSS3 を使用して背景にそのようなパターンを作成できたとしても (それが可能かどうかは非常に疑わしいです)、これらのバージョンの IE で動作させるためだけに大量の JavaScript ライブラリなどを使用するのは面倒なことではありません。

于 2011-09-02T15:52:22.193 に答える
1

私はこれを使います。 次に、 background-image:url(blahblahblah.gif) を実行するだけです

まだ IE6 をサポートしている理由はありますか? IE6 のサポートがなくても簡単に実行できます。IE はグラデーションのサポートが非常に苦手なので、画像を使用する必要がありますが、とにかくここに CSS を示します。

background-color: #0ae;
background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
background-image: -moz-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: -o-linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);
background-image: linear-gradient(rgba(255, 255, 255, .2) 50%, transparent 50%, transparent);

これはおそらくあなたのイメージと一致しないことはわかっています。申し訳ありませんが、あなたの画像ホストは私の仕事によってブロックされているため、ここから解釈する必要があります. これは Webkit ブラウザーと FF3.6 で機能し、background-color準拠していないブラウザーで指定された色に戻ります。

于 2011-09-02T15:52:25.307 に答える
-1

繰り返しテクスチャの正方形を使用する必要があります。小さな ping を見つけて、繰り返しバックラウンドを使用します。

于 2011-09-02T15:50:05.377 に答える