CSSについて初心者に質問です。 _html/css_WEB-ITnose

 
 

  

 

 

Head Line

The Internet Society's mission is to achieve a world in which everyone everywhere is connected to an open and universally accessible Internet.  Since its inception in 1992, ISOC has been at the forefront of global Internet education by bringing essential information and training to people throughout the world.The Internet Society's mission is to achieve a world in which everyone everywhere is connected to an open and universally accessible Internet.  Since its inception in 1992, ISOC has been at the forefront of global Internet education by bringing essential information and training to people throughout the world.

zen2.css
body {
background-repeat:repeat-x;*/ }

h1 {
/*background-color:#678; */
text-align:center;

.p1 {
float:left; ;
マージン: 10px;
ボーダー: #9BD;

}
フォントサイズ: 20px; :1.8;
背景色:白
}
.firstLetter {
float:left;

img {
境界線:10px,10px,10px ,0;
padding:5px;
float:left; }

問題は、body内の背景画像がbackground-repeat属性で追加されていない場合、それが追加されている場合に表示されることです。 IE または FF を使用すると失われます。書籍内の例では、埋め込まれた CSS コードが外部参照型と異なりますが、書籍内の CD に収録されているサンプルプログラムで開くのが通常です。困惑していますか?




ディスカッションに返信 (解決策)

おそらく背景画像の高さが小さすぎて、-x を繰り返すと見えなくなります

あなたは私をとても悲しくさせます。

最初にこれらの不要なスタイルを削除することをお勧めします。次に、他のスタイルに影響を与えないように、少しずつテストします。この場合、エラーをすぐに見つけることができるはずです

CSS を記述するとき、LZ はまず CSS で参照される背景画像の正しいパスに注意を払い、次に背景画像が水平状態であるかどうかを確認する必要があります。 repeat-x よく見ないと画像が無いように感じます

画像サイズに合わせてrepeat属性を使用してください。


それは外部参照と内部相対パスの質問ですか?それが原因で表示されない可能性があります。

body {

background-image:url(bg-grad.gif) /*background-repeat:repeat-x;*/
}

セミコロンが 1 つありません

body スタイルのコードは次のようになります。 body {

background-image:url(bg-grad.gif);

/*background-repeat:repeat-x;*/

}

めちゃくちゃややこしい

背景スタイルを分けずに書いてください

背景:url(**.jpg) no-repeat left top;

初心者は理解できないと言います body {

background:url(bg-grad.gif)

背景-repeat :repeat-x;

これに変更しましょう。