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中的内容。

更多相关文章

  1. DiggBar如何基于不在其域上的内容动态调整其iframe的高度?
  2. 前端html数组去重的方法
  3. html解析类库htmlparser.net使用方法
  4. Ubuntu的FireFox无法使用HTML5播放器的解决方法
  5. 采集资源的方法(文字,图片) [图片]
  6. 提交一个表单(后台生成id),点击保存并一步后切换到下一个tab中,此t
  7. [请大家关注]有关PHP大型程序开发的方法!顶就送分!
  8. 在Paragraphs中显示mysql内容时出现问题
  9. thinkphp5使用workerman定时器定时爬取某站点新闻资讯等内容

随机推荐

  1. mockito - java.lang.VerifyError:分支
  2. JAVA课程设计(坦克大战)
  3. 如何为英语以外的语言执行string.contain
  4. javascript特效:制作粒子签名
  5. RxJava 1.x 理解-2
  6. java自学之路-day01
  7. 一道盛大的面试题
  8. WebService之基于REST机制的实现实例(Java
  9. Java简单游戏开发之碰撞检测
  10. 使用Java语言如何实现快速文件复制?