z-index

在做项目的时候，居然单击后显示的顺序一直被别的li标签压着，最后终于找到了，是css的z-index属性赋值了，值越大，显示的层就越高 详情推荐百度百科：z-index z-index是针对网页显示中的一个特殊属性。因为显示器是显示的图案是一个二维平面，拥有x轴和y轴来表示位置属性。为了表示三维立体的概念如显示元素的上下层的叠加顺序引入了z-index属性来表示z轴的区别。表示一个元素在叠加顺序上的上下立体关系。 引用方法 z-index : auto | number auto:默认值。 number: 无单位的整数值，可为负数 。 z-index值较大的元素将叠加在z-index值较小的元素之上。对于未指定此属性的定位对象，z-index 值为正数的对象会在其之上，而 z-index 值为负数的对象在其之下。 注意事项 这个属性不会作用于窗口控件，如 select 对象。 在IE5.5+中， iframe 对象开始支持此属性。而在之前的浏览器版本中， iframe 对象是窗口控件，会忽略此属性。 z-index属性适用于定位元素（position属性值为 relative 或 absolute 或 fixed的对象），用来确定定位元素在垂直于显示屏方向（称为Z轴）上的层叠顺序（stack order）。 每一个定位元素都归属于一个stacking context

z-index属性简介 引用: z-index : auto | number auto：默认值。 number：无单位的整数值，可为负数。 z-index 值较大的元素将叠加在z-index值较小的元素之上。对于未指定此属性的定位对象，z-index 值为正数的对象会在其之上，而z-index 值为负数的对象在其之下。 注意：这个属性不会作用于窗口控件，如selct 对象。在IE 5.5＋中，iframe 对象开始支持此属性。而在之前的浏览器版本中，iframe 对象是窗口控件，会忽略此属性。 z-index属性适用于定位元素（position 属性值为 relative 或 absolute 或 fixed的对象），用来确定定位元素在垂直于显示屏方向（称为Z轴）上的层叠顺序（stack order）。 每一个定位元素都归属于一个stacking context。根元素形成root stacking context，而其他的stacking context则由定位元素产生（此定位元素的z-index被定义一个非auto的z-index值），定位子元素会以这个local stacking context为参考，用相同的规则来决定层叠顺序。并且stacking context和 containing block 之间并没有必然联系。 当stacking context一样的时候

z-index属性简介 引用: z-index : auto | number auto：默认值。 number：无单位的整数值，可为负数。 z-index 值较大的元素将叠加在z-index值较小的元素之上。对于未指定此属性的定位对象，z-index 值为正数的对象会在其之上，而z-index 值为负数的对象在其之下。 注意：这个属性不会作用于窗口控件，如selct 对象。在IE 5.5＋中，iframe 对象开始支持此属性。而在之前的浏览器版本中，iframe 对象是窗口控件，会忽略此属性。 z-index属性适用于定位元素（position 属性值为 relative 或 absolute 或 fixed的对象），用来确定定位元素在垂直于显示屏方向（称为Z轴）上的层叠顺序（stack order）。 每一个定位元素都归属于一个stacking context。根元素形成root stacking context，而其他的stacking context则由定位元素产生（此定位元素的z-index被定义一个非auto的z-index值），定位子元素会以这个local stacking context为参考，用相同的规则来决定层叠顺序。并且stacking context和 containing block 之间并没有必然联系。 当stacking context一样的时候

wxml <view class="detail-container" > <view class="det-inner" > <swiper class="inner-swiper" interval="3000" duration="500" vertical="true" bindanimationfinish="changeWofan" current="{{nowIndex}}"> <block wx:key="list" wx:for="{{videoList}}"> <swiper-item class="swiper-only"> <view class="only-box" wx:if="{{nowIndex>index-3}}"> <view class="only-b-back"> <view class="back-v"> <view class="back-v-pic wh flexca"> <image mode="aspectFill" class="wh" src="{{item.videoLogo}}"></image> </view> <video id="myVideo{{item.id}}" style="{{nowIndex==index?'':'opacity:0'}}" initial-time="{{0}}" class="back

Standards-aware web designers generally know of the z-index bug in all versions of Internet Explorer (though, version 8 is rumored to fix it). In the W3C’s specs, z-index is designed to affect the stacking order of positioned elements on a web page. So, an element with a z-index of 2 should always appear above an element with a z-index of 1. In Internet Explorer, this doesn’t work like it should. Internet Explorer resets the stack when the positioned elements are separated from each other. Example So let’s say we have the following HTML. Fairly standard header, navigation, etc. <div id=