0

デスクトップ ブラウザーでは正常に動作する Web ページがありますが、iPhone で開くと、背景画像は繰り返されますが、フッター画像は繰り返されません。それらはほとんど同じ CSS コードを持っていますが、何が問題なのですか?

これが本体のCSSコードです

body.login {
   margin:0;
   padding:0;
   position:relative; 
   background: #161616 url(../img/login-page-bg_01.png) left top repeat-x;
   font-family: roboto,"Helvetica Neue",helvetica,arial,sans-serif; 
   font-size:12px;
   line-height: 1.7em;
   height:750px;}

これがフッターのcssコードです

.login div.footer{
margin:0;
padding:0;
background:url(../img/login-page-bg-footer.png) left top repeat-x; 
position:relative;
bottom:0;
left:0;
width:100%;
height: 117px;
z-index:5;
    }

問題は、本文の背景画像が繰り返されることですが、フッター画像は 1 回だけ繰り返されます。

4

1 に答える 1

1

すべてのコードを表示しないと、次のような問題が発生する可能性があります。

  • Mobile Safari は、非常に大きな (ファイルサイズではなく寸法) 画像をうまくレンダリングしません。
  • width: 100%親に幅が設定されている場合にのみ、何かを意味します。
  • position、leftおよび を削除してみてくださいbottom。この場合、それらは役に立ちません。

要素自体が十分に大きいかどうかを確認するために、背景色を追加できます。

background: red url(../img/login-page-bg-footer.png) left top repeat-x;

私はそのために「赤」が好きです。赤は大きいですか、小さいですか。

于 2013-08-29T23:11:53.600 に答える