css hover滑动

 

主要是css中间是没有的 一个空格 结构就是上级 划过 里面的下级元素变化

css

.list-plan:hover .product-icon-img{
    background: url('../images/product-icon-hover.png') no-repeat center center

}

HTML

<div class="list-plan">

<a href="/camg/web/detail.html" target="_blank">
<div class="product-icon-img">
<img src="images/home-product-icon4.png">
</div>

<div class="r_intro">
<dl>
<dt>美格OFD版式阅读器（政务版）</dt>
<dd title="社区矫正管理产品是一款基于终端设备定位功能，后端档案管理功能为基础的一套综合性社区矫正人员管理平台。">
社区矫正管理产品是一款基于终端设备定位功能，后端档案管理功能为基础的一套综合性社区矫正人员管理平台。
</dd>

</dl>
</div>
</a>

</div>