代替hover效果

<style>
.jjfatxt {
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent;
	left: 0;
	top: 0;
	transform: translateY(101%)
}




.xtjjfa_list li:hover .jjfatxt {
	background: #073e89;
	transform: translateY(0%)
}

</style>



<ul class="xtjjfa_list">
                    <li>
						<img src="{dede:global.cfg_cmspath/}/skin/images/xtjjfa_list_03.jpg" alt="">
                        <h1>地下防水</h1>
                        <div class="jjfatxt">
                            <div class="jjfainner">
							<h2>地下防水</h2>
							<p><a href="/Business/building/Solution/Underground/2019/0611/54.html">地下底板防水系统</a></p>
<p><a href="/Business/building/Solution/Underground/2019/0618/490.html">预铺反粘式底板防水系统</a></p>
<p><a href="/Business/building/Solution/Underground/2019/0618/491.html">地下侧墙防水系统</a></p>
<p><a href="/Business/building/Solution/Underground/2019/0618/492.html">地下顶板防水系统</a></p>
<p><a href="/Business/building/Solution/Underground/2019/0618/493.html">地下种植顶板防水系统</a></p>
                                
                            </div>
                        </div>
                    </li>
</ul>

标签：防水,hover,效果,jjfatxt,系统,transform,代替,地下
来源： https://www.cnblogs.com/yuan9580/p/13551833.html