通过hover来控制一个div的展示和隐藏
css 代码：
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
|
html代码：
<div class="mgf_tips_icons">
<img src="./img/info_tips.png" width ="26" height = "24"/>
<div class="float_tips_area">
<div class="text_title">违约金说明</div>
<div class="text_desc">
您已签约工行自动扣款协议，每月10号还款日将从您的还款银行卡(<span id="mgf_dxd_accno"></span>)
中自动扣除，请确保还款银行卡内资金充足。</div>
<div class="float_tips_ok">确 定</div>
</div>
</div>
注意：要确保弹出的div在hover浮层div的内部。
总结：使用hover伪类和css覆盖规则实现dom元素的动态展示