隱形Elements 不能Mouseover

話說, 要做到一件Div 的東西, 想令佢未經過佢的時間, 就唔好show 出來. 一mouseover 就出來. 當初想成件事係CSS set visible 便解決. 但是, 事實就無如此簡單, 原來CSS hidden 了的Element, 係mouseover 之後都無反應, 所以就只好換方法. 就係opacity, 當佢mouseover 時就opacity  set 回1, mouseout 時便變回0 的方法達成. 如果用CSS hidden 件Element, 佢將會永遠唔會比你用 mouseover 變回 visible … … 不過, 你可以用其他方法改回他的CSS variable, 但非透過 mouseover.

<div id=”mouseOverTest” style=”border: 1px dashed red;

background: silver none repeat scroll 0% 0%;

position: absolute; width: 30px; height: 30px;

left: 306px; top: 252px; opacity: 0;”

onmouseover=”document.getElementById(‘mouseOverTest’).style.opacity=1″ onmouseout=”document.getElementById(‘mouseOverTest’).style.opacity=0″

</div>

發表迴響

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 變更 )

Twitter picture

You are commenting using your Twitter account. Log Out / 變更 )

Facebook照片

You are commenting using your Facebook account. Log Out / 變更 )

連結到 %s


Follow

Get every new post delivered to your Inbox.