0
嗨即時通訊要讓懸停效果在CSS觸發只有當鼠標在圖像上,而不是開始當它在這個圖像的div容器...鼠標只懸停在圖像的邊緣?
我該怎麼辦?
<div class="contenedor">
<img class="encendido" src="foco_encendido.svg">
<img class="apagado" src="foco_apagado.svg">
</div>
.apagado
{
background: #333333;
width: 350px;
position: absolute;
margin: 0 0 0 5px;
bottom: 0px;
}
.contenedor
{
width: 360px;
height: 85%;
position: absolute;
left: 200px;
bottom: 0px;
}
.contenedor:hover img.apagado
{
visibility: hidden;
}
.encendido
{
width: 350px;
position: absolute;
margin: 0 0 0 5px;
bottom: 0px;
}
然後使用:在IMG懸停代替。 –