CSSまたはCSS3を使用して、次の背景を作成するにはどうすればよいですか?
可能であれば、ie6,7,8 のサポートを希望します。JavaScript ベースのツールを使用して、古いブラウザー (css3pie など) の CSS3 をシミュレートできます。
可能であれば、ie6,7,8 のサポートを希望します。
背景画像を使用します。純粋な CSS3 を使用して背景にそのようなパターンを作成できたとしても (それが可能かどうかは非常に疑わしいです)、これらのバージョンの IE で動作させるためだけに大量の JavaScript ライブラリなどを使用するのは面倒なことではありません。
私はこれを使います。 次に、 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
準拠していないブラウザーで指定された色に戻ります。
繰り返しテクスチャの正方形を使用する必要があります。小さな ping を見つけて、繰り返しバックラウンドを使用します。