Question

在dedecms中怎么仿制当鼠标移动到图片上时,显示描述信息?

Answer 1

先给这个描述的DIV display:none;然后CSS里面写 鼠标移动到这个图片时 描述的DIV display:block;

<div class="box">
    <img class="img" src="https://iknow-pic.cdn.bcebos.com/4034970a304e251f035acfb7a486c9177e3e53cb?x-bce-process=image/resize,m_lfit,w_600,h_800,limit_1/quality,q_85" />
    <p class="miaoshu">描述描述描述描述描述描述描述描述描述描述描述</p>
</div>
<style type="text/css">
*{padding:0;margin:0;}
.box{width:313px;height:262px;overflow:hidden; position:relative;}
p{display:none;position:absolute;top:0;left:0;}
.box:hover p{display:block;width:313px;height:262px; cursor:pointer}
</style>

这个是很简单的案例 你看下