請問為什么將鼠標(biāo)移到原本看不見的img上，也能觸發(fā)a的hover事件，使得img顯示出來
.ctrl-i img
{
? ?width: 100%;
? ?position: absolute;
? ?left: 0;
? ?bottom: 50px;
? ?-webkit-box-reflect: below 0 ?-webkit-gradient(
? ?linear,
? ?left top,
? ?left bottom,
? ?from(transparent),
? ?color-stop(50%,transparent),
? ?to(rgba(0,0,0,0.8))
? ?);
? ?opacity: 0;
? ?-webkit-transition: all,0.3s;
}
.ctrl-i:hover
{
? ?background-color: rgba(0,0,0,0.8 );
}
.ctrl-i:hover img
{
? ?opacity: 1;
? ?bottom: 13px;
}
2016-12-02
我有一個(gè)方法 可以用visibility 這個(gè)屬性 ?
.slider?.ctrl?.ctrl-i?img{ width:?100%; position:?absolute; left:?0; bottom:?50px; z-index:?10; opacity:?0; -webkit-transition:all?0.8s; -o-transition:all?0.8s; transition:all?0.8s; visibility:?hidden; } /*hover到控制按鈕*/ .slider?.ctrl?.ctrl-i:hover{ background:?#333; } .slider?.ctrl?.ctrl-i:hover?img{ bottom:?13px; opacity:?1; visibility:?inherit; }2015-09-15
定位使用relative不就沒有占位了？父級(jí)元素再進(jìn)行相應(yīng)的定位修改會(huì)不會(huì)有影響
2015-08-31
樓上，正解。雖然看不見，但是在文檔流中的位置沒變，仍然可以點(diǎn)可以hover
2015-08-31
opacity是透明度為0，但元素還存在，頁面上有占位。