2011-07-17 3 views
0

ねえみんなcheck this pageをしてください。ポップアップスライダがIEで動作しません。いくつかのJavaScriptの干渉するCSSコード。助けてください

IE以外のブラウザを使用してページをご覧ください。 4番目の箇条書きをクリックします。そして、「hogc story」リンクをクリックしてください。ポップアップスライダが1つ表示されます。

IEを使用してページにアクセスしてください。ポップアップスライダが動作しません。黒い画面しか表示されません。私のコードで何が間違っていますか? Here is my codeありがとうございます。 スクリーンショットのJawadに特別なおかげです。 enter image description here

これは彼が私のコードで知ったものです。

のWindows 7上のIE9では

<div class="slider nivoSlider> 

の下であなたのコードではイメージが

display: none; 

のインラインスタイルを取得しているので、誰がどのようにこの問題を解決するために私を伝えることができますか。? IEでこの問題の原因となっているjavascriptはわかりません。他のすべてのブラウザで動作します。 ありがとう

+0

あなたは本当にあなたのHTMLをクリーンアップすることができます。特に余分な行が壊れ、インデントされます。それは非常にうまく整理されていない可能性がある場合は、別のファイルにすべてのjavascriptを持っている必要があります。コードを見つけるのがずっと簡単になり、そのために問題が生じます。 – tw16

+0

私は、HTMLファイルからjs、cssコードを分離しました。今すぐソースを見ることができます。 HTMLソース - http://pastebin.com/uZRNLv3B CSSソース:http://pastebin.com/M6hf13ap JSソース:http://pastebin.com/E0jhmUcH – Giri

+1

私は自分で修正しました。私が使用しているスライダーはnivosliderです。高さは、IEで動作させるためにそこに定義する必要があります。これは私のコードで適用されたものです。 .slider { 位置:相対; 幅:1280ピクセル。 身長:412px; 背景:url(../ images/loading.gif)no-repeat 50%50%; } PS:私は100の評判を持っていないので答えとして投稿できませんでした – Giri

答えて

1

私はそれを自分で修正しました。私が使用しているスライダーはnivosliderです。高さは、IEで動作させるためにそこに定義する必要があります。これは私のコードで適用されたものです。

.slider { position:relative; width: 1280px; height: 412px; background: url(../images/loading.gif) no-repeat 50% 50%; }

関連する問題