CSS盒子隐藏或显示后再最上层的实现代码

作者:袖梨 2022-06-25

本篇文章小编给大家分享一下CSS盒子隐藏或显示后再最上层的实现代码,代码介绍的很详细,小编觉得挺不错的,现在分享给大家供大家参考,有需要的小伙伴们可以来看看。

css;">.imgbox{	
	
	
	margin-right: auto;
    margin-left: auto;
    margin-top: 60px;   
}
.m1{
	border: solid;
	border-		
	
	
	

}
#m1img{
	text-align:center;
	padding-top: 55px;	    
}
#img2{
	margin-bottom: 35px;
}
p>span {
	text-decoration:line-through;
}

#where1{
	position: absolute;
	left:412px;
	top: 60px;
}
#where2{
	position: absolute;
	left:651px;
	top: 60px;
}
#where3{
	position: absolute;
	left:890px;
	top: 60px;
}
#where4{
	position: absolute;
	left:1129px;
	top: 60px;
}
#where5{
	position: absolute;
	left:412px;
	top: 372px;
}
#where6{
	position: absolute;
	left:651px;
	top: 372px;
}
#where7{
	position: absolute;
	left:890px;
	top: 372px;
}
#where8{
	position: absolute;
	left:1129px;
	top: 372px;
}
 #sbox{
    
	
	background-color: #ff6700;
	opacity: 0;/*隐身*/
	z-index:999;
	position: absolute;
	bottom: -0.5px;
}
#where1:hover #sbox{
	opacity: 1;	
}
#where2:hover #sbox{
	opacity: 1;	(显示)
}
#where3:hover #sbox{
	opacity: 1;	
}
#where4:hover #sbox{
	opacity: 1;	
}
#where5:hover #sbox{
	opacity: 1;	
}
#where6:hover #sbox{
	opacity: 1;	
}
#where7:hover #sbox{
	opacity: 1;	
}
#where8:hover #sbox{
	opacity: 1;	
}
#sboxp{
	line-
	color: white;
}

HTML的代码




	
	
	
	
	


	

小米电视3

999元 1199元

小米电视促销

小米电视5

1099元 1399元

小米电视促销

小米电脑

4999元 5199元

小米电脑促销

小米电脑

5999元 6199元

小米电脑促销

小米电视3

999元 1199元

小米电视促销

小米电视5

1099元 1399元

小米电视促销

小米电脑

4999元 5199元

小米电脑促销

小米电脑

5999元 6199元

小米电脑促销

相关文章

精彩推荐