11

以下は、背景画像に使用している構文です。何らかの理由でYで繰り返されています。使えないoverflow:hidden;

<style>
body {
    background-image: url('<?php echo $ActualPath; ?>images/backgroundimage.jpg'); 
    background-image: no-repeat;
}    
</style>

x と y で background-image no-repeat が必要です。

4

4 に答える 4

42

使用する必要がある構文は次のとおりです。

background-image: url(path/images/backgroundimage.jpg);
background-repeat: no-repeat;

..または代わりに

background: url(path/images/backgroundimage.jpg) no-repeat;

省略形の構文を好む場合。

background-image常に画像ファイルを定義するだけなので、この例では、2 番目のbackground-imageルールが最初のルールをオーバーライドしようとしていますが、「繰り返しなし」は有効な画像ファイルではないため、ブラウザはそれを無視します。

さまざまな背景プロパティが参照用にここにリストされています。

于 2012-06-19T20:39:20.583 に答える
2

プロパティには、background変更できるプロパティがいくつかあります。

  • 背景色
  • 背景画像
  • バックグラウンドリピート
  • 背景添付ファイル
  • 背景位置

やろうとしていることのように、それぞれを個別に設定できます。同じものを 2 回設定すると、最後のものだけが有効になります。

background-image2番目の場所を2回設定していますbackground-repeat。

次のような簡単な表記法もあります

background:#ffffff url('img_tree.png') no-repeat right top;

1 行で複数のプロパティを設定します。それを使用して、コードを次のように変更できます

body{ background: url('<?php echo $ActualPath; ?>images/backgroundimage.jpg') no-repeat; }
于 2012-06-19T20:44:13.240 に答える
1

あなたが使用することができますbackground-repeat:no-repeat;

于 2012-06-19T20:40:30.503 に答える
-2

HTML で背景の繰り返しを取得しない場合は、次の構文を使用します: CSS (内部スタイルシート) ヘッド部分のスタイル タグでこのコードを使用します。

background-image:url("some picture url");
background-repeat:no repeat;

-繰り返しのない単一ビューの背景画像を提供します。

于 2015-07-27T13:36:14.883 に答える