使用hover僞類選擇器顯示圖片

Html代碼：

<div class="scan">
	<div class="scanp">
		<img src="images/qrcode.png" alt="">
		<div class="t"></div>
	</div>
	<img src="images/scan.png" alt="">
</div>

Css代碼：

.scan:hover .scanp{
	display: block;
}
.main-right .scanp{
	width: 280px;
	position: absolute;
	left: 0;
	top: -190px;
	text-align: center;
	display: none;
}

效果：當鼠標經過scan元素時顯示scanp，scanp的位置不一定非要放在scan的div之下，此處我放在這個位置是爲了方便做定位。