-1
我有一個項目,其中文本應該顯示如果我懸停了一張照片。 它適用於顯示和不顯示部分,但我現在遇到的問題是,如果我啓動頁面它顯示。如果我將鼠標懸停在它上面,它就會再次運行。它從那時起保持不可見狀態,但在開始時顯示。的onmouseover文本顯示每次打開頁面
所以,如果我啓動主頁,它應該是隱形的,直到我將它懸停在它上面。
爲我所用.style.visiblity= "visible"; and "hidden";
的HTML部分我用一個新的<div>
文本本身JS部分: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";
}
請分享您的代碼或複製問題的一個片段或小提琴。 –
我推薦'顯示''無'和'初始'作爲值而不是'可視性'。 – SethWhite
在您的HTML(內聯CSS)中更改style =「visibility:none; to style =」visibility:hidden;「...並且它將起作用https://jsfiddle.net/dzzwtpra/1/可見性屬性的可能值:https://developer.mozilla.org/en-US/docs/Web/CSS/visibility – sinisake