0

私はいつもstakoverflowに来て、ここで貴重な助けを見つけることがよくあります!

答えが見つからなかったので、私は今自分自身に質問があります...

私は Unslider スクリプト ( http://unslider.com/ ) を使用しており、動作するようになりました (そうするのに苦労しましたが、ここでも関連する質問を閲覧する貴重な助けになりました)。

...しかし、IE で小さな配置の問題が見られます (私は 9 つしか持っていませんが、エミュレーターでもテストしましたが、同じ問題を示しています):

最初のスライドでは、1 ピクセルの位置ずれがあります (スライドの右側では、次の画像から 1 ピクセルが見えます)。これは、スライドが通過するにつれて増加します(私は32枚のスライドを持っています)...したがって、スライドショーの終わりまでに、ずれは40ピクセル程度になります...

テストの URL は次のとおりです: http://coresaocubo.pt/varchotel/html/galeria.html

私の画像は 900 x 400 px です...そして、私が使用している CSS の配置は次のとおりです。

.banner { 
    position: relative; 
    width: 900px !important; 
    overflow: auto; 
    padding: 0px;
    margin: 0px;
}
.banner ul {
    padding: 0px;
    margin: 0px;
}
.banner li { 
    list-style: none; 
    padding: 0px;
    margin: 0px;
}
.banner ul li { 
    float:left;
    padding: 0px;
    margin: 0px;
    min-height: 400px;
    -webkit-background-size: 900px auto;
    -moz-background-size: 900px auto;
    -o-background-size: 900px auto;
    -ms-background-size: 900px auto;
    background-size: 900px auto;

この「グリッチ」以外は、結果に満足しています。どこかで初歩的なミスを犯しているに違いありませんが、それを理解することはできません...助けてください。

どうもありがとう!

アナ

4

1 に答える 1