-3

私は最初のサイトを作成し、それに多くの時間を費やしましたが、ブラウザでサイトをテストしたので混乱しています。

IE9 Chrome 19.0.1084.56 m Firefox 13.0

私のレイアウトはすべて私のために働きます

IE8、IE7などの以前のブラウザをチェックすると、メニューのボタンが正しく表示されません。上にロールオーバー画像が表示されたボタンとしての画像があります。

下にある画像が半分表示されているか、まったく表示されておらず、半分をクリックすると消えます。

私のウェブサイトに関しては、経験豊富な人の助けを借りて、最善の方法を教えてもらいたいと思います。

グラフィックのサイズなどと関係がありますか？または、ロールオーバーボタンのCSSコーディングを行った方法は??

どんな助けでも大歓迎です。

初心者の方には申し訳ありませんが、何ができるかを学び、何百ものYouTube動画やウェブサイトのチュートリアルを見てきました...どこが間違っているのかわかりません。

4

3 に答える 3

1

HTML5 を使用している場合、古いバージョンの IE で重大な問題が発生する可能性があります。これらを修正するには、各 Web ページの終了タグの前に次のコード行を追加します。

<!--[if lt IE 9]>
     <script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
于 2012-06-15T22:47:37.730 に答える
0

style.cssの148行目.で、クラスセレクターにamenu li a:visitedがありません.menu li a:visited。一部のブラウザは、ルールを解析できない場合、ルールを完全に削除する可能性があります。CSSを再確認してください。

html5 shivを使用しているため、あまり関係ありませんが、言及する価値があります。

さらに、section要素を使用していて、それらに依存してスタイルを設定しています。それらはHTML5からのものであるため、一部のブラウザーはそれらを認識せず、したがってcssを適用しません。古いブラウザ（および特定のHTML5要素をサポートしない新しいブラウザ）をサポートする場合は、代わりにDIVまたは他の要素をコンテナとして使用します。

于 2012-06-15T22:23:24.383 に答える
0

HTML5 タグを使用しているため、IE8 の場合はhttp://code.google.com/p/html5shiv/を追加する必要があります。

また、いくつかのJSエラーがあります。

于 2012-06-15T22:26:57.227 に答える