1

私が彼らのために作っている友人のスパのウェブサイトは順調に進んでいますが、CSS について簡単な質問があります。ページのサイズを変更すると、リンクの色がグレーから青、赤、緑に変わります。これは、どの Media Query を使用する必要があるかを知るための私のテスト方法です。ページの上部にロゴが繰り返されない理由を知りたいですか?

画像を繰り返して画面サイズの上部の全幅に広げようとしていますが、代わりに幅が100pxに設定されているようですか?

赤いリンクを使用したメディア クエリのタイトル領域のコードは次のとおりです。

#title-area {
    position: relative;
    width: 100%;
    height: 204px;
    top: 0px;
    background: url(images/melt-logo.jpg) top center repeat;
    text-indent: -99999px;

}

私はfirebugを調べましたが、問題が見つからないようです。どんな助けでも大歓迎です！

4

2 に答える 2

1

#title-area幅が 700px に固定されているようです。これを 100% に変更します (style.css の約 210 行目)。

その背景は に設定されていno-repeatます。あなたの投稿の例はより正確です - これを単純に変更してくださいrepeat(style.css の約 214 行目)。

#title-areaまたleft:-350px、logo.jpg の右側にあるにもかかわらず、左側にロゴが表示されるように設定されています。幅を 175% のようにします。それ以外の場合は、画像の左側にロゴを配置し、左側を 0px に設定し、幅を 100% のままにすることをお勧めします。

于 2013-07-15T06:33:32.850 に答える
0

左の値もリセットする必要があります。

#title-area {
    left: 0;
}
于 2013-07-15T06:19:33.270 に答える