Javascript 每次打开页面时都会显示onmouseover文本

我有一个项目，如果我将鼠标悬停在图片上，应该显示文本。 它可以很好地显示和不显示部件，但我现在遇到的问题是，如果我启动页面，它就会显示出来。如果我将鼠标悬停在它上面，然后离开它，它会再次工作。从那时起它将保持不可见，但在开始时它将显示

因此，如果我启动主页，它应该是不可见的，直到我把鼠标悬停在它上面

对于JS部分，我使用了

.style.visiblity=“visible”；和"隐藏",

对于HTML部分，我在文本本身中使用了一个新的
：
style=“visibility:none；”

是否尝试对元素使用OnLoad属性


或CSS显示：

请共享您的代码，或将问题复制到代码片段或小提琴中。我建议使用“显示”并将“无”和“初始”作为值，而不是“可见性”。将style=“可见性：无；更改为style=“可见性：隐藏；“在你的HTML（内联CSS）…它会工作。可见性属性的可能值：将其从“无”更改为“隐藏”解决了这个问题！非常感谢！对我来说，这似乎只是CSS的问题。不需要任何脚本。”。
<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>

function funcOver(x)
    {
        document.getElementById(x).style.visibility = "visible";


    }

function funcOut(x){

    document.getElementById(x).style.visibility = "hidden";
}