可见，显示不能正常工作

Question

我有一个 div 和一个 link。所以当我点击 link 时，它应该显示 div。但现在的问题是，我只看到 div 一秒钟，然后 div 再次隐藏。

为什么？

...
<div id = 'zuordnen'>
    test
</div>

...

echo "<a href = '' ><img src = './images/zuordnen_menu.png' border=0 style =' width:1vw; height: 2vh;' onClick = 'showzuordnen();'></a>&nbsp;&nbsp;&nbsp;";

JAVASCRIPT:

function showzuordnen()
{
    document.getElementById("zuordnen").style.visibility = "visible";
}

CSS:

#zuordnen {
    z-index: 1;
    position: absolute;
    width: 20px;
    height: 6vh;
    border: 1px solid #ff0000;
    left: 20px;
    visibility: hidden;
}

Answer 1

正如 j0869 所指出的，问题是每次单击图像时页面都会刷新，因为图像位于 anchor 标记内.
要解决此问题，只需删除包裹图像的锚标记 (<a>)。

查看代码笔以查看其工作情况：http://codepen.io/HywelMartin/pen/BjBxaj

如果您确实需要锚标记，只需将 href='' 更改为 href='#'。

可见，显示不能正常工作

visible, display doesn't work correctly

css

display