V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
Can I use?
› http://caniuse.com/
Less
› http://lesscss.org
Cool Libraries
› Bootstrap from Twitter
› Jetstrap
This topic created in 3771 days ago, the information mentioned may be changed or developed.
现在有两个 div ，父级 div 定义了 position:absolute;然后子级也同样定义了 position:absolute ，但子级元素超出了父级元素的显示范围。在 IE9 下显示子级元素被隐藏了不再父级 div 内的内容，但是在 chrome 和 ff 上显示没问题，不知道该如何解决了，求帮忙！
Supplement 1 · Jan 12, 2016
<div class='top-parent' style='position:absolute;'>
<div class='part1'></div>
<div class='part2'>
<ul>
<li>
<div class='sub-part1'></div>
<div class='sub-part2' style='position:absolute;/*定位为绝对，并且位置在 parent 之外*/'>
<ul>
<li>
这里的内容在 IE9 下面被遮挡
</li>
<li>...</li>
</ul>
</div>
</li>
</ul>
</div>
<div class='part3'></div>
</div>
<div class='part1'></div>
<div class='part2'>
<ul>
<li>
<div class='sub-part1'></div>
<div class='sub-part2' style='position:absolute;/*定位为绝对，并且位置在 parent 之外*/'>
<ul>
<li>
这里的内容在 IE9 下面被遮挡
</li>
<li>...</li>
</ul>
</div>
</li>
</ul>
</div>
<div class='part3'></div>
</div>
 |
1
helone Jan 12, 2016
连个 demo 都没有。。。
|
 |
2
suinia Jan 12, 2016
父 div overflow:hidden
|
 |
3
SpicyCat Jan 12, 2016
给截图，给代码。
|
 |
5
begoingtodo Jan 12, 2016
子元素设置 z-index: 9;
|
 |
6
glchaos OP @begoingtodo 已经测试过，并没有效果，谢谢
|
|
7
glchaos OP 可以已知的是，现在的顶端父元素在 IE9 下截断了底端子元素（由于子元素定位到了顶端父元素的外面）的部分内容，然而 IE10+或者 chrome 或者 ff 都是没有问题的
|
 |
8
Xheldon Mar 31, 2016
把父元素的父级设置一个 position:relative;
|
Select Language