2009-08-24 15 views
1

私はon this page(IE 6で表示している場合のみ)の奇妙な症状は、ページがロードまたはサイズ変更されたときに表示されないことです左上隅に表示されている領域の上にマウスを置くと表示されます。私は他のブラウザでこれを見ていない、と私はすべてのH1タグに変更てるだけCSS属性はこれらです:h1タグの内容は、IE6でマウスオーバーするまで表示されません。

  • フォントサイズ
  • フォントの太
  • マージン、マージントップ
  • パディング、パディングトップは、パディング下

はどこにも私はvisibledisplayを変更しないでください、そして、H1にはホバー効果はありません。ヘッダー内のリンクされていないテキストも消えます。何か案は?

答えて

3
を見つけたまで、あなたの最良のオプションは、H1要素もはや消えているのを確認し、ページからすべてのスタイルを削除...試行錯誤で、その後、他のスタイルを再追加することだと思います

ジョンの投稿に同意する。私は幸運にも、このデバッグプロセスを回避するために、要素position: relativeまたはposition: staticの規則を与えることで機会を得ました。

あなたは、あなたの指を渡り、ジョンのルートを下る前にそれを旋回させたいかもしれません。

+1

2つの単語: "黒い魔法"。私の '#header h1'ルールに' position:relative; 'を追加すると、IE6に期待通りに表示されました。ヒントは100万円ありがとう! :-D –

5

これは、ページ上の別のスタイル付き要素が原因である可能性があります。

私はあなたが犯人

+0

+1と診断に同意します – annakata

+0

+1一般的には私は同意します。残念なことに、IE6は通常、私が物事を働かせるために費やすのに喜んでいるよりもはるかに長いデバッグ時間を必要とします。幸いにも、Markはこの道を踏み外すことなく物事を解決する魔法のビットを提供することができました。答えをありがとう! –

1

私は大変明らかに何も見えませんでしたが、あなたはホバー経由でrgbaが適用されています。

#header #info a:hover, #header #info h2#pathlinks a:hover { 
    background-color: rgba(63,63,63,0.35); 
} 

また、これは私は多分それが原因Internet Explorerの関連するゾーン(イントラネット、信頼され、インターネット)に異なった動作かどうかわからないんだけど、私のIE6でローカルに動作します。

これは、デバッグの練習になると私は心から受け入れる他のポスターに同意します。ジョンの試行錯誤の技が好きです。

+0

デバッグヘルプありがとう。アルファはIE6の心に釘付けになっているかもしれないが、ありがたいことにMarkの答えが問題を解決することができた。 (私はローカルホストでもそれをテストしていませんでしたが、両方の状況で同じように動作しました)。 –

1

私は見出しにリストされhasLayout属性が表示されませんが、あなたはh1zoom:1;を追加してみてください、あなたが得る結果を見たいことがあります。これにより、テスト時にテキストが常に見えるようになりました。

実際、この問題はかなり奇妙なようです。

関連する問題