1
現在、私のウェブページにはjQueryによって動力を与えられている小さなスライドショーがあります。Chrome、Firefox、SafariでのjQueryスライドショー
Firefoxで私のウェブページをテストするとき、スライドショーは私が望む場所に正確に並んでいます。ただし、SafariとChromeでは、スライドショーは約15ピクセルオフセットされています。
イメージは、通常の順序付けられていないリストを通じてHTMLで取得されます。以下に示すよう：
<div class="slideshow">
<ul>
<li><img src="Images/slideshow/1.png" alt="LXA 1" /></li>
<li><img src="Images/slideshow/2.png" alt="LXA 2" /></li>
<li><img src="Images/slideshow/3.png" alt="LXA 3" /></li>
<li><img src="Images/slideshow/4.png" alt="LXA 4" /></li>
<li><img src="Images/slideshow/5.png" alt="LXA 5" /></li>
</ul>
</div>
スライドショークラスのCSSは次のとおりです。
.slideshow-div{
width:1040px;
padding-left:325px;
padding-top:0px;
height:287px;
background-image: url('../Images/slideshow-background.jpg');
background-repeat: no-repeat;
}
そして、私はjQueryのプラグインをダウンロードしたとき、もちろん、私はそれに行くために別々のCSSファイルを得ました。しかし、私はここには含めません。
私は、さまざまなブラウザで動作が異なることを認識しています。しかし、これは私が最初にやったことです。だから私はそのことから守る方法がわからない。
あなたが投稿したコードの中に何も示されていません。おそらくこの問題は、他の、周囲の、要素やCSSの問題です。 – Scott
私はそれを理解しています。私はちょうどそれがFirefoxで動作する理由は分かりませんが、他に何もありません。 – Johnrad
私はあなたのタイトルに混乱しました。これはjQueryとは関係ありません。リンクやjsfiddleなし。ここで言われたことはただの野生の推測に過ぎません。 – Rob