本文主要包含CSS,显示图片等相关知识,Aaron 希望在学习及工作中可以帮助到您
最近在做一个网盘的项目，用到了鼠标移上去效果，这个效果可以用js来实现，今天主要分享一下，这个效果如何用纯css实现！
效果如下图：
html代码
- <table id="filelist" style="width:100%;">
- <tbody>
- <tr>
- <td class="filename ui-draggable ui-droppable" width="30%;">
- <div class="name">
- <span class="fileactions">
- <a href="#" class="action action-download" data-action="Download" original-title="">
- <img class="svg" src="svg/download.svg">
- <span>下载</span>
- </a>
- <a href="#" class="action action-share permanent" data-action="Share" original-title="">
- <img class="svg" src="svg/public.svg">
- <span>已共享</span>
- </a>
- </span>
- </div>
- </td>
- <td class="filesize" style="color:rgb(-4780,-4780,-4780)">70.3 MB