問題タブ [haslayout]

質問する

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

34 問題
Newest
Active
Bountied
318
Unanswered
0 投票する
2 に答える
7320 参照

html - リストの箇条書きが IE7 で消える

約

この質問は何度も聞かれましたが、少し違うことに気付きました。以下を参照してください。

標準情報:

  • FF での弾丸表示
  • IE で箇条書きが表示されない

発見

  • ;<ul>ではなく要素にhasLayout を設定すると、箇条書きは消えます。<li>これは、*{zoom:1} を実行するときによく行われます。

Internet Explorer の Firebug

UL:

リ:


<ul>箇条書きを変更するようにレイアウトを設定する理由は何ですか?
マージン/パディングかもしれないと思ったのですが、IEのFirebugはhasLayoutなしで同じことを示しています。


ベアページの例:

IE7 で上記を試してくださいzoom:1。
注: これは hasLayout を扱うため、IE の他のバージョンが影響を受ける可能性があります。

0 投票する
4 に答える
4207 参照

html - IE7 でリンク内の画像をクリックできない

IE7に問題があるので、ここに説明があります。

HTML

CSS

結果

http://jsfiddle.net/qjSpS/11/

問題

IE7 では画像はクリックできません

問題に対する私の考え

問題は、.itemImg の hasLayout プロパティの設定に何らかの関係があるようです。hasLayout (height: 150px; and overflow: hidden;) をトリガーするプロパティを削除すると、画像はクリック可能になります

質問

この問題を解決する方法はありますか? 高さ: 150px; およびオーバーフロー: 非表示; は必須プロパティです。

0 投票する
12 に答える
10283 参照

html - IE7 でのみアンカー内の画像をクリックできない

HTML 構造

アンカーは IE7 でのみクリック可能ではありません。hasLayout が原因で問題が発生することはわかっています。スパンの高さと幅を削除すると、問題なく動作します。

しかし、高さと幅を削除せずに機能させる必要があります。

編集:ここで例をいじることができます: http://jsfiddle.net/rxcAb

0 投票する
4 に答える
563 参照

css - IE (および Firefox 4) がこれを適切にラップしないのはなぜですか? (hasLayout??)

私は次のものを持っています( http://jsfiddle.net/gVZwr/4/ ):

IE8/9 では、ラベルとスパンが一致しません (ラベルがスパンよりも下にあります)。

どうして？？？ラベルを貼れば治るoverflow:hiddenのですが、何が原因なのか知りたいです。ラベルを付けるなど、古い「hasLayout」の修正を試みましたzoom:1が、具体的にはoverflow.

0 投票する
2 に答える
1413 参照

css - ie7 haslayout：ズームを使用しても-1：1

テキストが不透明度0に設定され、画像の真上に配置されたアンカーがあります。ホバー時に不透明度0.6、背景色で部分的に表示してほしい。

IE 7では、背景はクリックできません。テキストを表示するには、テキストをどこに置くかをホバーする必要があります。背景色は、固定された幅と高さを持つアンカー全体を塗りつぶします。

ズーム：1を試しましたが、IE7はまだhaslayout：-1と言っています

テキストにカーソルを合わせると、アンカー全体がクリック可能になります。マウスがアンカーを離れて背景だけにカーソルを合わせると、機能しません。

0 投票する
0 に答える
293 参照

css - Internet Explorer 絶対配置要素のバグ

こんばんは

IE (8/7/6) で、絶対位置の要素に対して非常に奇妙な動作が発生します。次のようにスタイルされています。

に<body>は垂直スクロールバーがあります。

<body>ページが最初にレンダリングされるとき、要素の端から 5 ピクセルが取得されるように、絶対位置の div がレンダリングされます。しかし:hover、ボディに a または AJAX イベントがある場合は常に、絶対位置に配置された要素が再レンダリングされ、スクロールバーの端から 5 ピクセルが取得されます。

マークアップ/CSS は大きすぎたり複雑すぎてここに投稿できませんが、右上隅にある [アクティビティ] タブのスクリーンショットをいくつか添付しました。

ページが最初にレンダリングされるとき: http://i.imgur.com/xumcu.jpg

AJAX イベントがトリガーされた場合: http://i.imgur.com/VirKc.jpg

私はそれが hasLayout の問題ではないことを確認しようとしましたが、特定のイベントで要素のスタイルを JavaScript で「修正」しようとしましたが、どちらの場合も、IE は「正しい」値は「5px」であると考えています。

ここで何が問題なのか考えてみませんか?!

ありがとう。

0 投票する
1 に答える
408 参照

javascript - IE7でホバーするとメニューがジッターします。HasLayoutの問題？

IE7でテストすると、最初のマウスオーバーでメニューが揺れ、位置がわずかに変わります。また、サブメニューを含むメニュー項目にカーソルを合わせると、メニューが再び揺れます。どちらの問題もIE7hasLayoutに関係していると思いますが、よくわかりません。

JSFiddle

メニューおよびサブメニュータグのIE7のcssにhasLayoutを確保する方法はありますか？または、IE7にテキストノードが何らかの形で挿入されていますか？ご協力ありがとうございました。

0 投票する
2 に答える
785 参照

css - IE 7 の空白のバグに対して、この li で hasLayout をトリガーする方法

その HTML 部分は次のとおりです。

CSSは次のとおりです。

HTMLマークアップを変更したくありません。

これを適切なブラウザーで表示してから IE 7 で表示すると、IE7 の LI 項目の間に多くの空白があることがわかります。

height:1px; を適用しようとしました。IE のみのcss 関連ファイル。運がない。

空白のバグがなくなるように、hasLayout を適切にトリガーするにはどうすればよいでしょうか?

0 投票する
1 に答える
1481 参照

css - hasLayoutがトリガーされていても、CSS OpacityがIE7またはIE8で機能しない

このスライドショーには、ホバー時にポップアップするオーバーレイが表示さ れます。ここで表示できます。「おすすめ」セクションの下にある写真にカーソルを合わせるだけです。FF、Webkit、IE9 でうまく動作します。IE9未満用に別のスタイルシートを作成し、その中で幅、高さ、ズーム、配置を宣言し、IEで機能するすべてのフィルターを使用しました....IE7でもIE8でも不透明になりません。クラス オーバーレイを含む div が JQuery で追加されていますが、これは問題ですか? これが私のcssです：

0 投票する
2 に答える
1762 参照

html - IE では、リンクのテキスト部分のみがクリック可能です

IE9 と IE8 (IE7 ではなく) では、リンクの周りのパディングがリンクの一部と見なされていないことに気付きました (クリックできず、ホバー時にホバー効果が適用されません)。リンクのテキスト部分のみが機能しています。

要素に背景色を付けてみましたが、修正されませんでした。

誰もこれを見たことがありますか？

解決済み:私の質問に大幅な編集を書き、その過程で自分でそれを理解しました。体に負の z インデックスがありましたが、これが原因であるとはまったく知りませんでしたが、明らかにそうです。jsfiddle は次のとおりです: http://jsfiddle.net/CEbMe/は、IE9 および IE8 の問題を示しています。


12345678910