2012-05-12 07:08:46  
		 评论  
		 2,892次浏览	
			
				摘要文字的z-index参数值更高,所以它显示在 
						
									
							由于
文字的z-index参数值更高,所以它显示在 
文字的上面。(IE 4在MAC机上执行这一项时会出问题,它会将
放在最上面。
该参数值使用纯整数。z-index用于绝对定位或相对定位了的要素。
你也可以给图象设定z-index。(对于Communicator,最好将 标签包在或 
标签内,然后将z-index应用到或 
				
				。)
通过css样式,我们可以得到意想不到的经典特效,今天就要讲一个高级特效。
下面我将要谈到我一直吹嘘的在页面上重叠要素的方法。它不是通过设定边距负值或采用更小的行高来实现,而是通过......
z-index
当你定位多个要素并将其重叠时,你可以使用z-index来设定哪一个要素应出现在最上层。
H2 { position: relative; left: 10px; top: 0px; z-index: 10 }
H1 { position: relative; left: 33px; top: -35px; z-index: 1 }
观察这条CSS规则的执行效果(我将<H2>的文字设为绿色,以便你观察其不同之处):
Stylesheets
Mania
由于<H2>文字的z-index参数值更高,所以它显示在 <H1>文字的上面。(IE 4在MAC机上执行这一项时会出问题,它会将<H1>放在最上面。
该参数值使用纯整数。z-index用于绝对定位或相对定位了的要素。
你也可以给图象设定z-index。(对于Communicator,最好将 <IMG>标签包在<SPAN>或 <DIV>标签内,然后将z-index应用到<SPAN>或 <DIV>。)


![[安全]关于kali linux的一些常用命令](https://www.jinshare.com/wp-content/themes/begin/timthumb.php?src=https://www.jinshare.com/wp-content/uploads/2021/01/1.png&w=280&h=210&zc=1)

![[运维]脏牛Dirty COW漏洞修复方法——高危linux提权漏洞](https://www.jinshare.com/wp-content/themes/begin/timthumb.php?src=https://www.jinshare.com/wp-content/uploads/2016/11/01-1.jpg&w=280&h=210&zc=1)

蚂蚁森林为我浇水吧!