元素堆叠问题

元素堆叠问题:https://www.cnblogs.com/yuxinpeng/p/6139916.html 这篇博客写的很好,推荐大家一看【没看见作者是否允许转载的字样,也懒得去问作者了。我只能做个优秀的课代表】

问题来源:使用easyui的combobox控件【html标签select】,下拉列表被object所在的控件遮挡。

分析:object为窗口元素,浏览器解析页面时会先判断元素类型,窗口元素会优先于普通元素显示,非窗口元素使用position定位才能激活控制z-index属性。【这些来自上面那个博客中,本人无从考证此知识点来自何处】

iframe显示的优先级比object高,这个同样无从考证。

经过查看dom,发现从始至终就不是iframe和object标签元素的问题,而是iframe和加载控件的关系,object标签里面的param的关系。在ie浏览器和谷歌浏览器表现的行为不一致,ie浏览器端为何加上iframe就可以不被遮挡,而谷歌浏览器端就不行。这些查阅很多资料都没有解决。。。

 

只有对定位的非窗口元素,才能设置堆叠顺序【z-index】。html在浏览器中的显示是三维的,x,y,z轴。z轴越大离用户越近,越在上层。

快来pick我,我是个优秀的课代表

 

你可能感兴趣的:(css)