CSS HasLayout IE7错误-尝试缩放和溢出隐藏
问题 我尝试了很多方法来获得CSS HasLayout IE7错误-尝试缩放和溢出隐藏,css,internet-explorer,debugging,internet-explorer-7,haslayout,Css,Internet Explorer,Debugging,Internet Explorer 7,Haslayout,问题 我尝试了很多方法来获得位置:相对/绝对/固定在IE7中工作。我现在无法解决这个问题 .levelTwo是具有pos:ab和的元素。levelOne是具有pos:rel的元素 因此,期望的结果将是任何。两个元素高于/低于任何其他元素。目前他们坐在.levelOne a 标记 <!-- Bof Level One--> <ul class="levelOne"> <li><a href="#">Basic IT A
位置:相对/绝对/固定在IE7中工作。我现在无法解决这个问题
.levelTwo
是具有pos:ab
和的元素。levelOne
是具有pos:rel
的元素
因此,期望的结果将是任何。两个元素高于/低于任何其他元素。目前他们坐在.levelOne a
标记
<!-- Bof Level One-->
<ul class="levelOne">
<li><a href="#">Basic IT Access <span>►</span></a>
<div class="levelTwo">
jamie
</div>
</li>
</ul>
所需的
断裂
这是我的小提琴:
尝试以下css规则,您的问题将得到解决
CSS:
.head0 .levelOne li { z-index:60; }
.head1 .levelOne li { z-index:50; }
.head2 .levelOne li { z-index:40; }
.head3 .levelOne li { z-index:30; }
.head4 .levelOne li { z-index:20; }
.head5 .levelOne li { z-index:10; }
.levelTwo {
left: 157px;
position: absolute;
top: 0;
background: #FFF;
height: 40px;
width: 162px; /* reduced the width here */
display: block;
z-index: 10;
}
http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html
http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex
http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html
http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/
http://www.satzansatz.de/cssd/onhavinglayout.html
http://www.satzansatz.de/cssd/onhavinglayout.html#rp
屏幕截图:
.head0 .levelOne li { z-index:60; }
.head1 .levelOne li { z-index:50; }
.head2 .levelOne li { z-index:40; }
.head3 .levelOne li { z-index:30; }
.head4 .levelOne li { z-index:20; }
.head5 .levelOne li { z-index:10; }
.levelTwo {
left: 157px;
position: absolute;
top: 0;
background: #FFF;
height: 40px;
width: 162px; /* reduced the width here */
display: block;
z-index: 10;
}
http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html
http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex
http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html
http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/
http://www.satzansatz.de/cssd/onhavinglayout.html
http://www.satzansatz.de/cssd/onhavinglayout.html#rp
参考链接:
.head0 .levelOne li { z-index:60; }
.head1 .levelOne li { z-index:50; }
.head2 .levelOne li { z-index:40; }
.head3 .levelOne li { z-index:30; }
.head4 .levelOne li { z-index:20; }
.head5 .levelOne li { z-index:10; }
.levelTwo {
left: 157px;
position: absolute;
top: 0;
background: #FFF;
height: 40px;
width: 162px; /* reduced the width here */
display: block;
z-index: 10;
}
http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html
http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex
http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html
http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/
http://www.satzansatz.de/cssd/onhavinglayout.html
http://www.satzansatz.de/cssd/onhavinglayout.html#rp
尝试下面的css规则,你的问题将解决
CSS:
.head0 .levelOne li { z-index:60; }
.head1 .levelOne li { z-index:50; }
.head2 .levelOne li { z-index:40; }
.head3 .levelOne li { z-index:30; }
.head4 .levelOne li { z-index:20; }
.head5 .levelOne li { z-index:10; }
.levelTwo {
left: 157px;
position: absolute;
top: 0;
background: #FFF;
height: 40px;
width: 162px; /* reduced the width here */
display: block;
z-index: 10;
}
http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html
http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex
http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html
http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/
http://www.satzansatz.de/cssd/onhavinglayout.html
http://www.satzansatz.de/cssd/onhavinglayout.html#rp
屏幕截图:
.head0 .levelOne li { z-index:60; }
.head1 .levelOne li { z-index:50; }
.head2 .levelOne li { z-index:40; }
.head3 .levelOne li { z-index:30; }
.head4 .levelOne li { z-index:20; }
.head5 .levelOne li { z-index:10; }
.levelTwo {
left: 157px;
position: absolute;
top: 0;
background: #FFF;
height: 40px;
width: 162px; /* reduced the width here */
display: block;
z-index: 10;
}
http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html
http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex
http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html
http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/
http://www.satzansatz.de/cssd/onhavinglayout.html
http://www.satzansatz.de/cssd/onhavinglayout.html#rp
参考链接:
.head0 .levelOne li { z-index:60; }
.head1 .levelOne li { z-index:50; }
.head2 .levelOne li { z-index:40; }
.head3 .levelOne li { z-index:30; }
.head4 .levelOne li { z-index:20; }
.head5 .levelOne li { z-index:10; }
.levelTwo {
left: 157px;
position: absolute;
top: 0;
background: #FFF;
height: 40px;
width: 162px; /* reduced the width here */
display: block;
z-index: 10;
}
http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html
http://css-discuss.incutio.com/wiki/Overlapping_And_ZIndex
http://www.quirksmode.org/bugreports/archives/2006/01/Explorer_z_index_bug.html
http://brenelz.com/blog/squish-the-internet-explorer-z-index-bug/
http://www.satzansatz.de/cssd/onhavinglayout.html
http://www.satzansatz.de/cssd/onhavinglayout.html#rp
你可能应该描述一下你想要它看起来是什么样子,以及它在IE7中看起来是什么样子(错误)。好的,尽管如果你能看到在IE7中,你会清楚地看到z-索引没有正确工作。我有IE8、IE9和IE10可用。IE7在垃圾箱里。如果你想获得IE7方面的帮助,屏幕截图或详细描述可能有助于让更多人参与其中。谁会抛弃IE7;)它隐藏在问题的末尾。我想我可能会把它上传到某个地方,小提琴在ie7中不会打开:你可能应该描述一下你想要它的样子,以及它在ie7中的样子(错误)。喊得好,不过如果你能看到在ie7中,你会清楚地看到z-index是否工作正常。我有IE8、IE9和IE10可用。IE7在垃圾箱里。如果你想获得IE7方面的帮助,屏幕截图或详细描述可能有助于让更多人参与其中。谁会抛弃IE7;)它隐藏在问题的末尾。我想我可能会把它上传到某个地方,小提琴在ie7:p中不会打开