問題タブ [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 投票する
1 に答える
157 参照

css - css3 グラデーションと background-repeat を理解するのに助けが必要

私は小さな 8 ビットの男を CSS3 にしようとしているCodePenをここに持っています。

89 行目で、あごひげの作業を開始します。しかし、それは正しくありません。

現在、x と y を繰り返していますが、私が目指している水玉効果ではなく、縦縞を作成しています。98 行目 ( ) のコメントを外すbackground-repeat:repeat-x;と、正しいパターンが表示されますが、(明らかに) 垂直方向には繰り返されません (div を任意の高さにしたいのですが、これでも機能しますよね? )。そのパターンが両方向に正しく繰り返されることを望みます。繰り返しまたは繰り返し-yをオンにすると、オーバーラップするように見えます。

では、color-stops()もともと色transparentの代わりに使用$faceしていましたが、代わりに全体が赤くなりました。

私が達成しようとしていることを知るには、このサイトで私のアバターを参照してください。

[編集] 私のパターンはまっすぐな市松模様ではないので、余計に複雑だと思います. 以下は、繰り返される最小パターンのクローズアップです。

ここに画像の説明を入力

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

android - ICS 以前のバージョンで ActionBarSherlock の背景が繰り返されない

アプリの ActionBar を ActionBarSherlock に移動し、背景をタイル張りの背景でカスタマイズしようとしています。Android 2.1 を実行するデバイスと Android 4.0.4 を実行するデバイスの 2 つの実際のデバイスでコードをテストしています。

以下のコードは、ICS デバイス (背景が繰り返されます) では機能しますが、Eclair デバイスでは機能しません (背景が繰り返される代わりに引き伸ばされます)。Android 2.3エミュレーターでもこれをテストしましたが、バックグラウンドも繰り返されません。tileMode="repeat"はICSでのみ機能しているようです。

themes.xml:

ab_background_pattern.xml:

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

ckeditor - テーブルダイアログのバックグラウンドリピートの繰り返しなしの値を複製

CKEditor を使用していますが、background-property の no-repeat 値が重複しているという問題があります。

手順

  • 表を挿入
  • 右クリックして [テーブルのプロパティ] を選択し、[詳細設定] タブに移動します
  • background-repeat:no-repeat; を挿入します。スタイルボックスに

保存して戻ると、実際にはbackground-repeat:no-repeat no-repeat があります。

これは、テーブル プロパティでのみ発生するようです。たとえば、DIVで問題なく機能します(単一の繰り返しなしの値)。解決するために ckeditor の人たちにバグを送信しましたが、解決にどれくらいの時間がかかるかわかりません。私のバージョンは 3.6.1 ですが、ckeditor.com/demo サイトと最新のナイトリー ビルドで複製できます。

誰かがこの問題に遭遇し、それを回避しましたか?

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

php - cssに文字列変数を入れるには?

これは画像を表示します

cssで背景画像に使用できるようにしたいので、繰り返しますが、考えられる唯一の方法は、cssで背景画像に変えることです。

全体的にどうすればこれ(連想配列だと思います)をcssに変換できますか?

コード全体は次のとおりです。

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

css - 複数の背景 css3: 2 つの繰り返し x 画像、それぞれがコンテナーの半分を占める

私はこれを持っています: http://jsfiddle.net/MAJZz/

私が望むのは、赤い魚がコンテナの半分で止まり、緑の魚がそこから始まり、最後まで続くことです。言い換えると、赤い魚が (水平方向に 0 から 50% まで) カバーし、緑色の魚が (50% から 100% まで - 同じ、水平方向に) カバーする必要があります。

ここに私のhtmlがあります:

これは私のCSSです:

出来ますか ?

前もって感謝します。

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

html - 右にスクロールした後でも背景画像を繰り返す

これが問題です http://screencast.com/t/Dgfd5vTeEY

これはサイト http://eotomarketingsystems.com/です

私はいたるところを見てきましたが、背景画像を全幅にする唯一の方法です。ここでは、 CSSトリック-完全な背景画像の方法を使用していましたが、背景画像が修正され、すべてが台無しになりました。右にスクロールした後、その領域に到達するためのより簡単な方法はありますか?

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

css - cssbackground-repeat

だから私は背景を持つこのDIVを持っています

これはスタイルです:

私が抱えている問題は、これら2つの背景の間にスペースがあることです。マージントップやパディントップなどを使用したことがないので、理由はよくわかりません。

2つの背景を互いに接触させたいだけです

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

background-repeat - 背景全体ではなく、水平または垂直に背景画像を並べて表示する

背景の繰り返しに x を使用すると、タイルはページの上部に沿って水平に実行され、y を使用すると、ページの左側に垂直に実行されます。

既存のスタイルシートに競合を引き起こしているものがあると思いますが、それが見つかりません。

本体コードは次のとおりです。

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

html - HTML 背景画像のみを繰り返す

私はこれを持っています:<body background="CFIS Fantasy Pool Logo Small.png" bgcolor="333333">

y で繰り返されるようにタグを追加したいので、repeat-y. 私は多くのことを試しましたが、うまくいきません。画面全体に表示されます。repeat-yタグを追加すると、全体がどのように見えるでしょうか。ちなみに、左側で繰り返したいです。

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

css - フッターが左から右にずっと表示されないのはなぜですか?

ブラウザの幅によっては、css クラスのフッターの背景がブラウザの幅全体に収まりません。メイン コンテンツが終了する前にフッターが終了するため、ページが奇妙に見えます。このサイトは avidest.com にアップされているので、私が言及しているものを見ることができます。CSSは次のとおりです。

css はもともと次のとおりでした。

しかし、それもうまくいきませんでした。フッターをブラウザの左側から右側に移動するにはどうすればよいですか?

ありがとうございました。