1

スライドショー(2つの別々のスライダー)に画像を配置し、その目的でliを使用したい…ChromeとSafariでは正常に動作しますが、FirefoxとIEでは問題があります

Firefoxでは、quirksモードでは正常に動作しますが、標準モードでは動作しません。次の例を参照してください。

quirksモードはFirefoxで正常に機能します:http: //www.newmen-agency.com/

ただし、標準モードでは機能しません:http: //www.newmen-agency.com/index_doct.html

標準モードで作業する必要があります…何を間違えましたか?

以下のcssコードを参照してください。

/* Photo slider */

#slider1 {
    position: absolute;
    height: 100%;
    left: 0%;
    top: 0%;
    width: 57%;
    z-index:100;
}    

#slider2 {
    position: absolute;
    height: 100%;
    left: 82%;
    top: 0%;
    width: 57%;
    z-index:100;
}

#slider1 ul, #slider2 ul {
    margin: 0;
    padding: 0;
}

#slider1 img, #slider2 img {
    height:100%;
}
4

1 に答える 1

0

max-width を追加すると役立つようです (ところで、Opera はどちらのバージョンのページも好きではありませんでした)。

#slider1 img, #slider2 img {
    height:100%;
    max-width:100%;
}
于 2012-12-05T20:35:31.483 に答える