IE7绝对定位层级显示问题

问题:

  当父级元素为相对定位position:relative;,子元素为绝对定位position:absolute;并且层级较高时,一般浏览器显示为子元素在父元素之上,但IE7子元素却被父级兄弟元素遮盖在下面,

解决:

  1. 可设置当前父级元素层级高于父级兄弟元素,

  2. 若子元素有下拉时,可设当前父级元素鼠标滑过时为相对定位position:relative; 层级设置高于其他父级兄弟元素z-index:1;

时间: 2024-10-22 08:04:16

IE7绝对定位层级显示问题的相关文章

CSS hack:IE6,IE7,firefox显示不同效果

IE8下兼容问题,这个最好处理,转化成IE7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了: <meta  http-equiv="x-ua-compatible" content="IE=7"/> 区别不同浏览器的CSS hack写法: 区别IE6与FF:        background:orange;*background:blue; 区别IE6与IE7:        background:green !imp

解决vs解决方案中的类文件没有正常层级显示的问题

VS2013在使用svn进行文件的下载时,因为某些原因,更新完后,功能节点类文件在解决方案列表中并没有正常的按层级显示,而是显示在了同一层次上.造成这样的原因,无可追溯,但是解决这个问题的办法则简单可循. 在VS2013中建立项目时,VS会自动产生 .csproj 文件,这是C#的工程文件,其中记录了与工程有关的相关信息,例如包含的文件,程序的版本,所生成的文件的类型和位置的信息等. 打开工程文件,发现没有正常显示的类文件信息有缺失,于是按照正常显示的类的文件信息,比照补充后,保存.重新加载项目

转 CSS hack:针对IE6,IE7,firefox显示不同效果

CSS hack:针对IE6,IE7,firefox显示不同效果 做网站时经常会用到,衡量一个DIV+CSS架构师的水平时,这个也很重要. 区别不同浏览器的CSS hack写法: 区别IE6与FF:         background:orange;*background:blue; 区别IE6与IE7:         background:green !important;background:blue; 区别IE7与FF:         background:orange; *back

select2插件不兼容ie7,ie7下样子显示错位问题

1.源文件(未修改) select2.min.css.select2.min.js 2.ie7下显示样式: 3.ie8下显示样式: 4.经查看发现ie7下对一些属性的解析和ie8不同,需对ie7另作hack 在css样式文件中加入: *+html .select2-search--dropdown .select2-search__field{width:91%;}*+html .select2-container{margin-top: -3px;} 在js文件中加入: if(navigato

object层级显示问题

项目有一个双击监控视频全屏的需求,视频播放使用的是IE下的ActiveX控件,web页面中使用HTML嵌入对象元素object.预期方案如下: 1.在开发ActiveX控件时加入双击事件. 2.通过div包裹object,控制div的大小从而间接实现全屏效果. 在第二种方案中,首先经过测试添加单击或双击事件均无响应. (疑问1:object不支持单双击事件?但是这种方式可以响应: document.getElementById("objectid").onclick=fullScree

Query Designer:Hierarchy层级显示

声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将追究法律责任!原文链接:http://www.cnblogs.com/jiangzhengjun/p/4297530.html     引入外部的Hierarchy: 每个特征都可以有Hierarchy(特征可以有三张表:属性+文本+Hierarchy),这个就是外部的Hierarchy(相对于上面

几个数据库的小案例(三):用递归实现TreeView层级显示

从这个小案例我学到了不少知识.这些无论如何无法从书里得来.正所谓实践出真知,学习编程需要大量实践这句话永不过时. 首先:好的代码和坏的代码带来的性能上的差异很明显.好的策略可以让你的程序运行速度大大加快.而差的代码则能让你的程序直接卡死. 这是我写的递归填充TreeView: private void GetNode1(TreeNode tNod, int id) { using (SqlConnection conn = new SqlConnection("server=.\\sqlexpr

Unity2.5D Sprite层级显示遮挡问题处理

代码源自游戏<A Place for the Unwilling> 开发<A Place for the Unwilling>游戏第一部要解决的问题就是让精灵可以围绕其它精灵前后移动,呈现出真实的深度感觉.SpriteRenderer组件有两个属性,可以改变场景中Sprite的渲染顺序. Sorting Layer  用于设置不同层的Sprite渲染顺序 Order in Layer  用于设置在同一层中的Sprite渲染顺序 如果想实时改变多个Sprite的渲染顺序,就需要修改一

简单CSS hack:区分IE6、IE7、IE8、Firefox、Opera

一.跨浏览器的网页设计一直是让人很头疼的问题,这不只是因为浏览器的版本众多,还有一个重要的原因是相同浏览器的不同时期的版本也会有差异,甚至是在不同操作同台上还会有不同.因此使CSS hack技术进行浏览器区分是实现跨浏览器访问一个好方法.CSS Hack技术有很多,具体可以查看:    本文据说的主要是通过".",">","*","_"来区分.以下是本人对这四种符号的测试结果: -------IE6--     IE7-