我有一个项目，文字应该显示如果我悬停在图片上。 它适用于显示和不显示部分，但我现在遇到的问题是，如果我启动页面它会显示。如果我将鼠标悬停在它上面，它会再次起作用。从那时起它保持不可见，但在开始时它会显示出来。
所以，如果我启动主页，它应该是隐身的，直到我将鼠标悬停在它上面。
对于JS部分，我使用了.style.visiblity= "visible"; and "hidden";
对于HTML部分，我使用了新的<div>文本本身：style="visibility:none;"
<div class="responsive">
<div id="picture1" class="img" >
<img src="../picture1" alt="picture1" width="600" height="400" onmouseover="funcOver('picturetext')" onmouseout="funcOut('picturetext')">
<div class="desc" style="font-family: Luminari;">HOLIDAY</div>
<div id="picturetext" style="visibility:none;"> This is a photo<br>
of our holiday. </div>
</div>
</div>
JS：
function funcOver(x)
{
document.getElementById(x).style.visibility = "visible";
}
function funcOut(x){
document.getElementById(x).style.visibility = "hidden";
}