css
  • display
  • 2015-12-02 225 views -1 likes 
    -1

    我有一個div和一個鏈接。所以當我點擊鏈接時,應該顯示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; 
    } 
    
    +3

    也許因爲點擊鏈接重新加載頁面,因爲你沒有做任何事情來阻止它? – j08691

    回答

    1

    由於j0869指出問題是刷新每次頁面ÿ ou點擊圖片,因爲圖片位於錨點標記內。
    解決這個只是刪除錨定標記(<a>),包裝您的圖像。

    看一看代碼筆,看看它的工作:http://codepen.io/HywelMartin/pen/BjBxaj


    如果你真的需要錨標記只是改變href=''href='#'

    相關問題