問題タブ [background-repeat]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
396 参照

css - IE6ではバックグラウンドリピートが機能しないようです

私はこのように私のページに背景を適用しました、

これはIE7、Firefox、Chromeで機能するようですが、IE6では機能しません。

代替テキスト

0 投票する
1 に答える
2020 参照

css - css background-repeat の表示インライン要素の IE9 バグ

テキストが複数行にまたがる場合、すべての行に画像が表示される場合、IE9で繰り返しなしを「インライン」要素に設定して背景を適用しようとしましたが、この問題に直面した人はいますか? 誰かが解決策を持っていますか?

0 投票する
1 に答える
8646 参照

css - CSSスプライト画像+背景-その一部を繰り返す

バックグラウンドで [CSS スプライト画像にある] 画像の一部を繰り返すことはできますか?!

例のように:

背景位置: -13px トップ; background-repeat : 繰り返し-y;

スプライト画像全体を繰り返したので...

0 投票する
1 に答える
1505 参照

css - 複数の背景画像を繰り返すと交互に表示されますか?

CSS を使用して、複数の背景画像を交互にタイル表示しようとしています。これが私が試みていることの本質であり、2つの小さな正方形の画像XO:

これが目的の効果です (わかりやすくするためにスペースを追加しています)。

しかし、これは実際の効果です:

一番前の背景レイヤー はX、それ自体に隣接して繰り返されているように見えます。これにより、2 番目の背景レイヤーYが後ろに描画され、隠れてしまいます。

複数の背景画像を交互に並べることはできますか? 複数の画像を 1 つの画像として結合することは避けたいと思います。また、要素の幅もわからないため、同じ画像を複数回指定して繰り返しを偽造することはできません。

0 投票する
1 に答える
295 参照

css - スプライト画像内の背景の繰り返しタイルbgImage?

これが私たちのスプライトだとしましょう

ここに画像の説明を入力してください

(黒いフォームは無視してください)繰り返しの背景のように見えるように、左側のタイル画像の灰色を繰り返す方法はありますか?

ここに画像の説明を入力してください

0 投票する
2 に答える
1038 参照

html - CSSでrepeat-x値を使用して背景画像を繰り返すたびに、白い縦のストロークを取り除くにはどうすればよいですか?

なぜこれが発生するのかはよくわかりませんが、体の背景画像にrepeat-xの値を設定すると、正常に繰り返されますが、繰り返される画像ごとにこの白いストロークが追加されます。誰かがこれがなぜであるか教えてもらえますか?私はこれまでこれに出くわしたことがありません。以下に私のCSSを示します。

0 投票する
3 に答える
5377 参照

html - CSS: 背景位置 + 繰り返し = 機能しない

以前にCSSでこの種の問題に遭遇した人はいますか?

幅 100% に設定されたヘッダーがあり、左側 (幅 500px) に画像があります。残りのスペースを水平方向に塗りつぶしたい背景画像がありますが、画像がある場所ではありません。したがって、background-position: 500px 0;ブラウザの左側から 500px の距離で背景が始まると設定し、推定します。しかし、そうではありません。これは、repeat-property を に設定した場合にのみ機能します。解決策を見つけるのに 1.5 時間費やしましたが、うまくいきませんでした。最終的には、ヘッダーに a を追加し、画像に負の 500px のマージン左をbackground-repeat: no-repeat;追加することでこれを解決しました。margin-left: 500px;ここで何か不足していますか?背景に x 座標 500 から水平方向にタイリングを開始するように指示できないのはなぜですか?

0 投票する
5 に答える
1906 参照

c# - 繰り返しなしでテキストボックスに画像を作成するにはどうすればよいですか

次のようにテキストボックスに画像を適用しています

これにより、次の結果が得られます

ここに画像の説明を入力してください

ノーリピートを適用してみましたが、画像が表示されません。誰でも私を助けることができます。テキストボックスを使用している理由は、プロパティがに設定されている場合、disabledまたはimage button画像の表示でグレーアウトする方法を知っている人がその解決策を教えてくれる場合にグレーアウトする唯一のコントロールです

0 投票する
2 に答える
8706 参照

css - タイル化可能な背景(background-repeat)にJPGまたはPNGを使用する必要がありますか?

このトピックに関するいくつかの質問を読みましたが、一般的なフィードバックとして、JPGsは写真用であり、PNGsはその他すべてのものであるというものがあります。

PNGは、次の場合に使用する必要があります。

  • 透明度(1ビットまたはアルファ透明度)が必要です
  • 可逆圧縮はうまく機能します(チャートやロゴ、コンピューター生成画像など)

JPEGは、次の場合に使用する必要があります。

  • 可逆圧縮はうまく機能しません(写真など)
  • フルカラーが必要です

GIFは次の場合に使用する必要があります。

  • 非常に古いソフトウェアやブラウザなどでは、PNGは使用できません
  • アニメーションが必要です

ただし、これらの議論は画像のダウンロードに向けられているようです。私の質問は、画像のレンダリングに向けられています。x方向とy方向の両方で背景を繰り返すことを計画しています...

...そして私は自分の画像をJPG〜13Kまたは〜50Kとして保存することができますPNG。そのため、ブラウザは、約40Kの違いにもかかわらず、この画像が比較的小さいため、かなり迅速にこの画像を取り込むことができます。しかし、ブラウザがページに画像をレンダリングする場合、特に背景が繰り返されるため、この違いは重要ですか?

0 投票する
1 に答える
48 参照

css - cssを使用して、2番目のbg画像「url(repeat_bg_right_side.png)」をページの右側に再配置するにはどうすればよいですか?

url(repeat_bg_right_side.png)ページの右側にどのように再配置しますか?これらは基本的に、bgの左右の部分を埋めるための列として使用している2つの小さな画像ファイルです。WindowsフォームでのBackgroundImageの位置に時間を割いていただきありがとうございます。