一个不错的给图片添加说明文字的动态层的实现代码

!--NEWSZW_HZH_BEGIN--

</script>
    </div>
</div>
<div style="text-align:center;">
<script async="async" data-cfasync="false" src="https://pl28992228.profitablecpmratenetwork.com/8ae604bdc4dc964f8674244fb58731a2/invoke.js"></script>
<div id="container-8ae604bdc4dc964f8674244fb58731a2"></div>

<div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <div class="rcon">
                    <div class="rdp"><i class="glyphicon glyphicon-duplicate"></i>相关阅读:</div>
                    <span><div><a href="/posts/pieclouddb-database-zai-ci-sheng-ji-she-qu-ban-quan-xin-ban-ben-fa-bu-mian-fei-xia-zai.html">PieCloudDB Database 再次升级！社区版全新版本发布，免费下载</a></div><div><a href="/posts/bei-hou-de-li-liang-tui-dong-zhi-hui-xiao-yuan-jian-she-hua-yun-shu-ju-bang-zhu-kun-ming-wei-sheng-zhi-ye-xue-yuan-zhong-su-itjia-gou.html">背后的力量 | 推动智慧校园建设 华云数据帮助昆明卫生职业学院重塑IT架构</a></div><div><a href="/posts/wei-xin-xiao-cheng-xu-zhua-bao-yu-ni-xiang-wei-xin-xiao-cheng-xu-fan-bian-yi-jiao-cheng-jie-bao-jiao-cheng-jie-bao-gong-ju.html">微信小程序抓包与逆向+微信小程序反编译教程+解包教程+解包工具</a></div><div><a href="/posts/javascriptzhong-de-bian-li-for-in-yi-ji-withde-yong-fa.html">javascript中的遍历for in 以及with的用法</a></div><div><a href="/posts/3kuan-zui-qiang-de-aishi-pin-sheng-cheng-qi-zhi-chi-wen-sheng-shi-pin-tu-sheng-shi-pin.html">3款最强的AI视频生成器，支持文生视频、图生视频</a></div><div><a href="/posts/jQuerytu-pian-qie-huan-cha-jian-jquery-cycle-jsshi-yong-shi-li.html">jQuery图片切换插件jquery.cycle.js使用示例</a></div><div><a href="/posts/jie-bao-system-imgcheng-hit-archive-datage-shi-de-bao.html">解包system.img成HIT archive data格式的包</a></div><div><a href="/posts/javascriptshi-xian-jian-yan-de-ge-zhong-gui-ze.html">javascript实现检验的各种规则</a></div><div><a href="/posts/bai-du-yi-zhan-shi-shu-ju-zi-zhu-fen-xi-ping-tai-tda-jian-she.html">百度一站式数据自助分析平台（TDA）建设</a></div><div><a href="/posts/de-wu-zookeeper-sla-ye-ke-yi-99-99-de-wu-ji-shu.html">得物 Zookeeper SLA 也可以 99.99% ｜ 得物技术</a></div></span>
                </div>
            </div>
            <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                <div class="rcon">
                    <div class="rdp"><i class="glyphicon glyphicon-random"></i>随便看看:</div>
                    <span><div><a href="/posts/Androidpao-ma-deng-de-shi-xian-ji-wen-ti-zong-jie.html">Android跑马灯的实现及问题总结</a></div><div><a href="/posts/value-0000-00-00-00-00-00-can-not-be-represented-as-java-sql-timestamp.html">Value '0000-00-00 00:00:00' can not be represented as java.sql.Timestamp</a></div><div><a href="/posts/qian-duan-layuide-biao-ge-chang-yong-gong-neng-biao-dan-ti-jiao-shi-jian-biao-ge-xia-la-an-niu-dian-ji-shi-jian-biao-ge-wai-de-an-niu-dian-ji-shi-jian.html">【前端】Layui的表格常用功能，表单提交事件，表格下拉按钮点击事件，表格外的按钮点击事件</a></div><div><a href="/posts/javaxiang-mu-kai-fa-jing-yan-zong-jie.html">java项目开发经验总结</a></div><div><a href="/posts/er-web3-xue-xi-qu-kuai-lian.html">二、Web3 学习（区块链）</a></div><div><a href="/posts/P2V-Windows-2000-dao-ESXI-5-5.html">P2V Windows 2000 到ESXI 5.5</a></div><div><a href="/posts/pieclouddb-database-3yue-chan-pin-dong-tai-shu-gong-neng-zai-du-sheng-ji-an-quan-ji-zhi-geng-jia-wan-shan.html">PieCloudDB Database 3月产品动态丨功能再度升级，安全机制更加完善</a></div><div><a href="/posts/jqueryyan-chi-jia-zai-wai-bu-jsshi-xian-dai-ma.html">jquery延迟加载外部js实现代码</a></div><div><a href="/posts/00-javaxu-ni-ji-de-ji-ben-jie-gou-gai-nian.html">00.java虚拟机的基本结构概念</a></div><div><a href="/posts/ThinkPHPdu-li-fen-zu-shi-yong-de-zhu-yi-shi-xiang.html">ThinkPHP独立分组使用的注意事项</a></div></span>
                </div>
            </div>
        </div>
    </div>
</div>

<section class="rightnav">
    <div class="rnlist" style="display:none;">
        <div class="rimg"><img
                src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAn1BMVEUAAADndGvmcm3mcm3ncW3mcm3mcm3mcm3ncm3mcm3ncm7mcm3ncm3mcm3mcmzncm3mcm3mcm3ncm3ncm3mcm3mcm3mcm3ncm3ncm3mcmzmcm3mcG3mcm3ncm3mcm3oc2zncm3ncm3mcm3ncm3mcm3ncm3ncm3ncW3mcm3mcm3mcm3mcm3mcm3ncmzmcm3ncW3mcm3mcW3ncmzncm3mcm2BuVw1AAAANHRSTlMACPdpvuXwgRJ8PDKfdyf01eAslnJORrerOMQOm7BeF+qnkNzQi8gjzMFthmJZQBykUx9VoEk3cQAACftJREFUeNrdnWm3mjAQhieAgogLgogLct2tV+uW///b2p6uk4BgEiT2+djTewQymfdNMkmgInbD0J55sWWt/AalDX9lWbHn2eGwC29C6s7ty/aD5vKxXdhH9ww6M5gvJwYtxzY4DkBHuifmJYoxJsu5ZpHmbtZUkPXGBU0Yt75QKb60xlA7XTPpUWl6iVlrjJFoYVBFGIuIQD2kpkWVYpkpvJ5zOKHKmYQ3eC27zpZWwr7zys7Sba1pZfTtVwklMZu0FA2/b1kLL7DtwLtYVt9v0FI0QwIvYJjQInzLa53GKXCk41NrZvm0iNEdqmYaGI+zqGVHDhTgRLZVkLc9B6pketg/kjVrcy+ddW7XT+tRiK7DCl9lMHnQFPHJefq7XC/GgwQ2hmqYtj5y3yI5dAXzuBnntkvTrqRR2l6ujNluRabzUkGjtH2aTeKCNGPPyMngEaiFdLI14CNQ9Etfg5wfaE2V9vJZ9vdafgVluJvsNvfaVYeVsTyDUtKlkfm5XFDEcUUzmFXRETPl1jdBCYesrGvNoRJOo6w83AEFtHqUw7dvUBHnVlb720RaBT8pj/cVKuRrlmAtU5CCxBkNPYSKuWaIfSKVhrsXyhF/hcpx44zfbUvE1TajjQm8ALKkHP1UuN/x7dE34UUc13yb7ETHUHygyoSVfHh5Ym2y5DWQwAshAf8mQvpBWT4JvJaWwT2CgJ6zOtjrwMsJOVPx9EMcP1g/fYAaMH1WxEx4ijbXHleoBZd9EMOFJxhYbNo9QU1c9+zA+hlhTNj2GENtdNkgH0FpOuzQZg41cmftcKt0aza4DlYrR+Z5PkrGeZuZnTE6UDOHnkg3mXoUY0PtsLHuTQUUfUmgfj6f7yYDg8kROrwHwIIJ90FhYMVcOGoBq2xxUXAduAShCUMmdR0KXnyvXUfP6fD7wTNjkIsD2kBmTBJ62H5N/NYa1IggfSs7meMk+L/OQSvu2HUl+eFiUkQAmmFThJmbenFgNaagGcTHETMtp+kmaMexlL7v8EzSQg9Jx3h4CXtXIlE3ItAQd1U8FXHeMhMvWoLDf3sGnhB7LM3KP39zHhUZFYIbTTMJ+cuQ/suKFGjIF428CYaMHqdWx2KaTFtwCrYcwJywydK4dN3BlusEGGwta59uKD9kmgGii8S/r2nKytIJHz+rqetwqli5zfw5Ul+TcXoe3T5y86jMqKe1fWfZcPPS2cJ/Bc2J8jwwQRltq904hMNC4k3+yv472MX87j7Mjjmqde79yRlNh27gNyiyRvAGxCi2/qQzlLNCeAPMzIngOZokHYBSSGh9x05BKTs06DhmTS8moJSh9cv1HEEplyzhm2RlZdWry4ZadTogwchaEYlAIdG6qhVVl/5Lm+8iK0flr6F02FfZJmSNjCPfRRagjkFCEXuVrT3jByV9geQrVrf2ZQwq4OOoAd9JkYq4oIppQDkSdbm9zbkRF8UxUbkQy7PYgSq2KEWx0w6xWl/HM0uVdRK2t9uVDHJzt/gtSRVfasNqpCr9PfkUo/5b3VEksbH2FZQwXNN8OhX09j3AFC3M3ZQLIU/zACpw/g3epoNfbKVGCEc0A+VmZY9NylX5oIpMKINRSUFejCdMQk7q5X+AIeg22Dbpqp4UCrFudaoQwpkD1z5rVlzFo8RPCBQv73QyxXzOtslooHbJJ8DrpEP1Qjhqo39XaFa+opo6HNGRciHcfs1rqVmqUkhiQKlyrFoI+3/b2FZtVrqo4fGAXTJw3ckDxSBLxWbljFahYY2EXa0Q9pCGpzO1ZsVBRRCAJogckOB2oY9rQXcLpWaFGMiToLxIlI4IN/wgXqlZ+UCD3d6/X0i1ELKMLYqQm1nx/41i/CKKhZAn2lJ2ZkXRizChpVYIeVSZFT60mM6uWgh5ss2KfGdXk36HfV4IM1BnVvj0ywiieiHk6Ri8WZEXRMaiKBdCnmyzIm9R5E3jbVEghCxkQxk+5U2jvI13eCEkRX/CmxV5G+/JDqw2vBCWcTPyZiXCL7KR/DCtUkJYbFaOkkNd2cmHQzkhLDYrq7vk5MNdajpo3igphOrNCk5Td2aCTl4Ixf/2iys1QcdPmaoXwmzmPheVElOmMpPY7XJCWJFZaWOHArAQXVbYFQhhMaHBHeogsaxgC0qsMysrhOrNCr/Qwy29SYwIYwHHFFCGUHDpTXwx1P3gAlyFv+mPhRdDz4bQ8vSMfQJHzRrEUnh5GlZCTbsVEsJiszISLhiAQKiEA0dWrw2ipFgYfZGI8Pjy/5Uj8iJGBOLgZaCRUFGNRJnTLFMI5Uf8HaEyJ4nCs6HChS7X+BtZTkktRX5TqhRwgxKNHMMe6msipYB8AhhAOcivowiNEATh90AmO7HiTMly2cFi3ewHY1BC17TnbbH9ScbgfQuYF2ggkzN/sAPtySspH77Tfp6MIv/33XYxytl2AS3mDTWH2QjzvluTPvMrdBLkt/S8PCdn433yvtv3Qmb7Xv6GyrXWGThlNlT+n1tcmUTQ0PG8h+yN99H/ug38v9mYD8R/x6MSfFJ4eIWmies8KpzPu+3fYX9oC6+p3P7nA16YbeL0omMKntEyJyHY2h+CNC9XSzjt6X4s1arcsVQQUr37e6vsEkQ60vRsw58MsdSNUsjl3tPytMnMMyd79ydWkDyNugkJnjkhr71mlze1genA64JoCbU9AtR/brHRSfQ8lLU7ouwhjQWM6Vsckzt+fu17o8ObfArsD3Au+h8lvUihBOMt04y1n8thNsXu5Tt9MKnrCDXCF4U156Llfatak/CwLxzrZEQxzS7UBreJcUKgNO0JxeyvUBND7lHcJxeMMb0IasFtUowRSW6jaJhQA8cVlU2hHbmb49TdlyftYm25m+OU3ZcnbzM8/a5/ioUeIPV0u5DrcgMhdrFeV6SJHw/j9P+PS+sA2rE+1wgmY5BgmuhyseNkKntFLOW5vP6qzeAmHa2fVIPLTzcOyNNp1n0drdEiakLWoBkszqCc9EIzMExlUduo88rmjwiU0fZecIn20qdZLFxQyLT1Uc+15k07BbW4jRoumufD6k2v/l+MoQo6Bs1jcpwKxuzconkYld22OpjQXIz45Dz9FtcL/jYvu7NpetjTfHrW5l5a8W/XT6tJ81mHDlTJNDDoIwzLjgqfwIlsy6AP8RyommFCi/Atr3Uap8CRjk+tmeXTIkZ3eAHEbNJSNPy+ZS28wLYD72JZfb9BS9EMCbyGbmtNK6NvD+B17DpbWgn7ThdeyzmcUOVMwhu8ntS0qFIsM4V6INHCoIowFhGBGumaSY9K00tMDS5CQKZPhC8tbS6QdDd94Wy7cUErBsdg+3SuDY56boxom7N16ZbwTE2qQ7Ih3cjcxPsmzaW5jjdm1NWhnqLU+wxDe+bFlrXyGz9c18qyYs+zw+Ggojf4BvPECQPi+ShVAAAAAElFTkSuQmCC"/>
        </div>
        <div class="rntit">
            <div class="rnt1">返回</div>
            <div class="rnt2">顶部</div>
        </div>
    </div>
</section>
<footer class="copyright">
    <div class="container">
                    <span class="glyphicon glyphicon-exclamation-sign" style="text-align: center;">
                        © <script type="text/javascript">document.write("" + new Date().getFullYear())</script> <a
                            href="/">源码集中营</a> 版权所有
                    </span>
    </div>
</footer>