在懸停上顯示圖像

-4

我需要隱藏圖像，並且當我將鼠標放在應該可見的位置時，它會顯示。我應該怎麼做？在懸停上顯示圖像

HTML：

<img onclick="stergeSertar(this)" onhover="arataX" src="img/x2.png" style="position: relative;aligh:center;z-index:600" class="xSertar" id="'+id+'xS">

的JavaScript：

function arataX(x){ 
    var idX=x.id+"xS"; 
    $("#"+idX).toggleClass('active'); 
}

CSS：

.xSertar{ 
    position:relative; 
    visibility:hidden; 
    margin-left=-10px; 

} 

.xSertar:hover{ 
    position:relative; 
    margin-left=-10px; 
    visibility:visible; 
}

來源

2013-06-05 raducup

'知名度：visible'不會覆蓋'顯示：無;'你需要在你的hover類中使用'display：block;'或'display：inline'。同樣在你的html中，你需要修改** style **'align'屬性，它是'text-align：center;'。正如一個側面說明，我不認爲HTML有一個ative'onhover'事件。這是'onmouseover' ... – War10ck

HTML：

<div> 
    <img src="http://upload.wikimedia.org/wikipedia/commons/6/63/Wikipedia-logo.png" /> 
</div>

CSS：

div { 
    width:202px; 
    height:202px; 
    border: 1px solid #000000; 
} 
img { 
    visibility: hidden; 
} 
div:hover img { 
    visibility: visible; 
}

http://jsfiddle.net/3zCfZ/

來源

2013-06-05 17:13:52 akonsu

這是你正在尋找的答案？ http://jsfiddle.net/waFTK/

CSS

.img{ 
    float:left; 
    width:75px; 
    height:75px; 
    background:url('http://www.gravatar.com/avatar/b69232a748a7a33c9a9d3dd4dba4c62c?s=75&d=identicon&r=PG'); 
    border:0; 
    outline:0; 
} 

.img:hover{ 
    background:none; 
}

你不能說是不可見的元素懸停，所以這就是爲什麼像在這裏設置爲背景圖片和懸停時會刪除。（元素但仍然可見

來源

2013-06-05 17:11:30 user2019515

使用'background-image' – akonsu

在懸停上顯示圖像

回答

相關問題