2011-09-16 4 views
6

IE 9リンク上にカーソルを置くと、ページの下にHTMLの一部がプッシュされます。 私はIE9リンクホバーCSSの色の変更垂直シフト

td.subarea > h2 > a:hover { color: #aa051a; text-decoration: none;} 

から色を削除すると、問題は発生しません。

ここにすべてのコードを貼り付けることはできません。このページに固有の問題があります。 しかし、多分誰かが似たようなものを見ています。

リンク(タグ)をページの下に移動せず、その全体が移動するテーブルを含んでいます。

+0

一般的なCSSの1行以上の情報を提供しなければならない場合、コード内でその色のプロパティとはまったく関係のないさまざまなものが存在する可能性があります。 – SeventotheSeven

+0

何かがホバー上を移動すると、そのホバー変更によって要素の幅が変更されます。境界に1ピクセルの差があるか、またはテキストの幅が少し広がってしまいます.1ピクセルの浮遊レイアウトが突然破損する原因になります。なぜなら、900ピクセル(またはそれ以上)ではなく901ピクセルになるからです。 –

答えて

1

ノーマルとホバーの線高とフォントサイズのプロパティが同じであることを確認してください。

1

一種の問題が見つかりました。テーブルが動かなくなりました。 margin-top:-20px それは約10ピクセル下がっています。

おそらくIE9レンダリングの問題です。 IE7/8は実際にテーブルを初期ロード時に動かします。

リンクのフォントサイズ、線高さ、すべてのCSSなどがリンクに適しています。

Marc BはおそらくIEレンダリングの問題に近いです。

テーブルレイアウトページでテーブルレイアウトを実際にスタイルする必要があります(嫌な表レイアウト)。

9

この問題は、コンテナ要素がoverflow: autoに設定され、子要素で何らかのホバーアクションが発生している場合に、IE9で発生するようです。

min-height: 0pxをコンテナ要素に追加するという非常に簡単な方法があります。これは機能します。

バグの詳細な説明と、このソリューションは、このリンクで見つけることができます: http://blog.brianrichards.net/post/6721471926/ie9-hover-bug-workaround

+4

非常に微妙な違いがありますが、この答えに引用されている「min-height:0px」は私のためには機能しません。しかし、リンクされた記事で引用されている 'min-height:0%'は、オーバーフローが大きくなっている要素に適用すると完全に機能します。 –

0

私にとって私はその後、私は先に行くと

を指定する必要がありました

height:100%; 

を指定する必要がありました

width:100%; 

上記のmohitpによる 'min-height:0px'は正しい軌道に乗っています。

+1

身長:0%;を試しましたか? 0%は私のためには機能しませんでしたが0%でした。やっぱりIE11にも問題は残っています! – Navarr

+0

私はそれを試していないし、私は今問題を抱えていたことを覚えていない。私は本当にどこかに自分のための手がかりを加えるべきです。 –