IE-7 z-index问题-下拉区域在横幅下,它的内容没有显示在IE-7中。
I created a testcase here http://testcases.site44.com/ in IE-7 dropdowns are not coming over banner image. in firefox and chrome it's fine.
我在这里创建了一个testcase http://testcases.site44.com/在IE-7下拉列表中没有出现横幅图像。在火狐和chrome中,这很好。
Please help to find the issue.
请帮忙找到这个问题。
3 个解决方案
#1
0
IE has a different approach in understanding z-index. Besides the very irritating approach of HTML in the mentioned link, you should do the following:
IE在理解z指数上有不同的方法。除了前面提到的HTML中非常恼人的方法之外,你应该做如下的事情:
if you have 2 divs, and in the first one there is something that should go over content in the second one, than you need to set z-index on both of them, and a higher value for the one that has the content that goes over the other.
如果你有2个div,在第一个中有一些东西会在第二个元素中超过内容,你需要在它们上设置z-index,然后一个更高的值,它的内容会超过另一个。
example:
例子:
<div id="wrapper">
<ul id="flyout">
//
</ul>
</div>
<div id="content">
//
</div>
CSS:
CSS:
#wrapper {position:relative;z-index:2;}
#flyout {position:relative;z-index:3;}
#content {position:relative;z-index:1;}
IE now understands that the content in the first div should go over the content in the second div.
IE现在理解第一个div中的内容应该超过第二个div中的内容。
更多相关文章
- DiggBar如何基于不在其域上的内容动态调整其iframe的高度?
- 前端html数组去重的方法
- html解析类库htmlparser.net使用方法
- Ubuntu的FireFox无法使用HTML5播放器的解决方法
- 采集资源的方法(文字,图片) [图片]
- 提交一个表单(后台生成id),点击保存并一步后切换到下一个tab中,此t
- [请大家关注]有关PHP大型程序开发的方法!顶就送分!
- 在Paragraphs中显示mysql内容时出现问题
- thinkphp5使用workerman定时器定时爬取某站点新闻资讯等内容