IE7 设定z

日期:2021-03-08 类型:科技新闻 

关键词:小游戏源代码,互动小游戏微信,自制小游戏,html5游戏,制作游戏大概多少钱

在IE7及以前的版本号中设定z-index的特性,确沒有起效,查阅写材料,发现关键的結果和解决方式为:

父级元素若设定为position:relative情况下,则子级元素的z-index特性会被遮盖



拷贝编码
编码以下:

<div style="position:relative;">
<div style="position:absolute;z-index:100;width:100px;height:100px;background:red;"></div>
</div>
<div style="position:relative;">
<div style="position:absolute;z-index:10;width:20px;height:20px;background:black;"></div>
</div>

在这类状况下,不管第1个red的z-index设定多高,全是会被第2个black所遮盖的

处理的计划方案为,设定父级元素的z-index

拷贝编码
编码以下:

<div style="position:relative;z-index:2;">
<div style="position:absolute;z-index:100;width:100px;height:100px;background:red;"></div>
</div>
<div style="position:relative;z-index:1;">
<div style="position:absolute;z-index:10;width:20px;height:20px;background:black;"></div>
</div>

这样,red就会遮盖black
上一篇:开发设计美容护肤app普遍作用 返回下一篇:没有了