css_html/css_WEB-ITnose で画像の背景を自動的にストレッチするように設定する方法
たとえば、1*150 の画像があります。body(background="1.gif") を設定すると、横方向に伸縮されますが、縦方向には伸縮されません。この画像を横方向に伸ばすにはどうすればよいですか?縦方向????
ディスカッションへの返信 (解決策)
no-repeat: つまり、背景画像のサイズに関係なく、タイトルの前に「NEW」などの背景画像が 1 つだけ表示されます。ホームページの最初の記事」アイコンのコードは上記のとおりです。
repeat: 水平方向と垂直方向に繰り返し表示される背景画像を指します。
repeat-x: 繰り返し連続して表示される背景画像を指します。
repeat-y は、垂直方向に連続して繰り返し表示される背景画像を指します。例: この Web サイトの CSS ファイルを見ると、次のコードが表示されます:
body {
font:normal 12px/1.5 Georgia, sans -serif;
text-align:left;
background:#444 url(images/bodybg.jpg)repeat-y; }
背景画像 bodybg.jpg が縦方向に繰り返し表示され、ページの長さ。
repeat: 水平方向と垂直方向に繰り返し表示される背景画像を指します。
repeat-y は水平方向に繰り返し表示される背景画像を指します。背景画像が垂直方向に繰り返し連続して表示されること; 例: このサイトの CSS ファイルを表示すると、次のコードが表示されます。 left;
background:#444 url(images/bodybg.jpg)repeat-y;
}
でも…
100% 答え
上の人の意味が分かりませんでした… left は要りません伸縮... 背景画像を自動的に引き伸ばしてほしい... 無言
たとえば、body(background="1.gif") を設定すると、引き伸ばされますが、1*150 の画像があります。水平方向に、垂直方向に繰り返します。この画像を水平方向と垂直方向に伸ばすにはどうすればよいですか???? 1.背景は自動的に拡大されません (Windows デスクトップのように)
2. Background="1.gif" 横に伸ばすというのは誤解で、実際には繰り返しです
3.上記は参考用です
レイヤーに絶対位置の透明度を追加できます。この効果を実現するには、z-index を大きく設定してください
位置: 左: 0; /> ; 
