問題タブ [background-repeat]

私のCSSクラスフッターはページの下部全体を展開しません。ブラウザウィンドウが十分に小さい場合は正常に機能しますが、ウィンドウが十分に大きい場合は、右側と左側の端が表示され、ページの背景が表示されます。クラスは別のクラスにネストされておらず、その親はandタグのみです。フッターのCSSは次のとおりです。

このページはavidest.comにあるので、私が何を意味するのかがわかります。どんな助けでもいただければ幸いです。ありがとう。

背景画像を繰り返すことは可能ですが、次の繰り返しが開始されるまでのピクセル数を指定できますか?

つまり、背景: url(img.png) [40px 以降] repeat-x;

画像に空白を追加したくありません。

幅と高さが 1700 x 1129px の画像があるとします。この画像が繰り返されていることがわからないように、この画像を繰り返すことができる最善の方法は何ですか. 使用してみrepeat-yましたが、別のグラフィックのように見えます。

Web でツールを探していますが、まったく成功しませんでした。画像を背景としてアップロードしてプレビューするようなものが必要です...

私はこのサンプルを持っています:

画像をプレビューしてカットして、繰り返しのように完璧な背景画像にする方法を教えてください。Photoshop や類似の製品では可能ですか?

これは私が持っている実装では正しい動作だと確信していますが、達成したいことを簡単に行う方法があるかどうか疑問に思っています。

3px x 3px パターンの背景画像があります。

このパターンを要素の全幅 (100%) で繰り返し x にしたいのですが、要素の幅の半分 (50%) で y を繰り返したいだけです。

私はこの実装を持っています:

要素全体でパターンを正常に繰り返します。私が望む50％のリピートyの高さを達成しようとするために、私は試しました：

ただし、background-size は、目的の繰り返し効果を維持する代わりに、パターン イメージを 100%/50% の高さ/幅に歪めます。

これを簡単に達成する方法はありますか？

ありがとう

設定したいのですbackground-imageが、繰り返しの間に特定の距離があります。

たとえば、私はこの画像を次のようにしていbackground-imageます:

そして、次のようなパターンで繰り返しを修正したいと思います。

JSFiddle プレイグラウンドを確認する

JS や余分な要素などではなく、CSS3 のクリーンなソリューションを探しています。非常に最新の CSS3 (サポートされていない) トリックを使用する必要がある場合は問題ありません。

画像から背景を追加しようとしています。画像は、私のプロジェクトの Images という名前のフォルダーにあります。これは私が使用しているコードですが、画面は白いままです。

何か助けてください。

私は div タグを使用しており、それに css を適用しています。divタグの下を見つけてください

私のcssクラスは次のとおりです

div は背景画像を表示し、Mozilla の他のブラウザーでは正しく表示されますが、IE8 および IE9 では機能しません。IE10でも問題なく動いています。background-repeat には問題があります。repeat-y が IE8 および IE9 で正しく機能しない。IE8 と IE9 でこれを修正できる方法はありますか。

どんな助けでも大歓迎です。

前もって感謝します。

よろしく、 ラフル・ラティ

SVG として作成した繰り返しストライプ パターンがあります。次に、それを最適化し、データ URI としてエクスポートし、CSS で繰り返し背景として適用しました。

FireFox と Chrome でうまく動作し、背景のサイズを制御できるため、ストライプが滑らかになります。

今、IEでテストしました。SVGの繰り返しはありません??? IE は SVG の繰り返しをサポートしていますか?