0

だから私は現在このサイトを開発しています：

http://remedia-solutions.com/clientes/0039_kiplingmexico/demo2/

ほぼ完了しましたが、現在、2 つの背景画像のサイズを変更するときに問題が発生しています。Firefoxでは完全に機能しますが、クロムでは2番目の背景（テキスト背景）が間違った方法で完全に短縮されます。これを行うためにccsのみを使用しているため、ccsコードを次に示します。

#fondo1{
    background-image: url("images/imagesbackground/BACKGROUND-INICIO.jpg");
    background-attachment:  fixed;
    background-position:    top center; 
    background-repeat:      no-repeat;
    background-size:            cover;
    -moz-background-size:       cover;
    -webkit-background-size:    cover;
    position:absolute;
    width:100%;
    height:100%; 
}
#fondo1int{
    background-image: url("images/INICIO.png");
    background-attachment:  fixed;
    background-position:    center center; 
    background-repeat:      no-repeat;
    background-size:            50%;
    -moz-background-size:       50%;
    -webkit-background-size:    50%;
    position:absolute;
    width:100%;
    height:100%; 
}

私は2番目のdivで50％の原因を使用しています。そうでなければ、それは非常に大きなものになります。

クロムの画像は次のとおりです。

http://oi47.tinypic.com/2ivle8i.jpg

Firefox の画像:

http://oi47.tinypic.com/2hr1o9e.jpg

何か案は？

4

1 に答える 1

1

を削除すると、両方のブラウザで同じように動作するはず-webkit-background-size: 50%;です#fondo1int。.css

最後に、クラスは次のようになります。

#fondo1int {
   background-image: url("images/INICIO.png");
   background-attachment: fixed;
   background-position: center center;
   background-repeat: no-repeat;
   background-size: 50%;
   -moz-background-size: 50%;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
}

それが役に立てば幸い！

于 2012-07-11T23:24:54.967 に答える