ホームページ > ウェブフロントエンド > htmlチュートリアル > css_html/css_WEB-ITnose で画像の背景を自動的にストレッチするように設定する方法

css_html/css_WEB-ITnose で画像の背景を自動的にストレッチするように設定する方法

WBOY
リリース: 2016-06-24 12:13:23
オリジナル
1428 人が閲覧しました

たとえば、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 が縦方向に繰り返し表示され、ページの長さ。


no-repeat: つまり、背景画像のサイズに関係なく、最初の記事のタイトルの前にある「NEW」アイコンなどの背景画像が 1 つだけ表示されます。ホームページのコードは上に示すとおりです。


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 を大きく設定してください



これで、IE7.8 と Firefox は正常に動作しましたが、 IE6 と互換性があります。どうすればよいですか?


="Admin_Top.aspx" name="topFrame" スクロール = "NO" noresize = "noresize">

;body>




フレームにそのページを含めることに問題があります

dhtml の img はズームをサポートしています

haohao

背景画像は伸縮をサポートしていないようで、タイル化して繰り返すことしかできません

繰り返しなし: つまり、背景画像のサイズに関係なく、ホームページの最初の記事のタイトルの前にある「新規」アイコンなど、単一の背景画像のみが表示されます。コードは上記のとおりです。

repeat: 水平方向と垂直方向に連続的に繰り返される背景画像を指します。

repeat-x: 水平方向に繰り返して連続的に表示される背景画像を指します。

repeat-y は垂直方向に繰り返して連続的に表示される背景画像を指します。 ; 例: このサイトの CSS ファイルを表示すると、次のコードが表示されます:

body {
font:normal 12px/1……


元の投稿者の意味がわかりません

http:// blog.csdn.net/zzhjava2006/archive/2011/03/31/6292359.aspx
ご覧いただけます

="imgbg" src="images/indexbg.gif" ="100%" 高さ="100 %" style="right: 0;bottom: 0;
position: upper: 0; left: 0; z -index: -1" />


今はこんな感じです。 8 と Firefox は問題ありませんが、IE6 とは互換性がありません...
互換性を考慮する場合は、IE6 での接続はすべて無効です

位置: 左: 0; /> ;



今、私はこんな感じです... IE7.8 は Firefox では問題なく動作しますが、IE6 とは互換性がありません...
互換性を考慮する場合は、フィルターを使用しないでください。ミラー下ではすべての接続が無効になります。 IE6

背景の高さを縦に伸ばすと平らになりません!誰か知ってる人いるかな?

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート