css里怎么设置让一段文字隐藏，然后鼠标悬停又出现那段字，如果要用js的话，请把代码详细一点的写出来

html-css0204

css里怎么设置让一段文字隐藏，然后鼠标悬停又出现那段字，如果要用js的话，请把代码详细一点的写出来,第1张

把后两个p标签，加上class=“p”,在标签的style里面，增加 display:none

css里面:

.p hover{

display:block

}

实现鼠标悬停在图片上底部弹出文字内容的实现方法：

HTML代码:

<div id="wrapper">

<img src="http://placehold.it/300x200" class="hover" />

<p class="text">text</p>

</div>

CSS代码：

#wrapper .text {

position:relative

bottom:30px

left:0px

visibility:hidden

}

#wrapper:hover .text {

visibility:visible

}