2016-11-22 38 views
0

我對HTML和CSS非常陌生,但是我將一些代碼串在一起,當我的鼠標懸停在它們上方時,會使圖像放大一點。然而,這些圖像有時不會彼此擴大,有些則因爲它們緊密地放置在一起而留下來。有人知道如何讓他們放大時忽略其他圖像嗎?圖片放大轉換

這裏是我的代碼:

img.one { 
position: absolute; 
cursor: pointer; 
top: 10px; 
left: 10px; 
transition: all .2s ease-in-out; 

}

img.one:hover { 
transform: scale(1.1); 

}

+0

我知道類_one_隻影響到一個圖像,對嗎?你能爲我們提供一個你的代碼的例子嗎?在這裏使用代碼片段,還是在jsfiddle? – Anfuca

+0

@anfuca對不起,我不知道該怎麼做,但下面的人的建議工作!當我可以的時候,我會加快行動。 – Henry

+0

@亨利謝謝!我相信您可以將我的答案標記爲解決方案(帶有複選標記圖標)以幫助其他人,即使您還不能滿意。 –

回答

1

使用z-index屬性來控制哪些元素是在別人面前。

img.one:hover { 
    transform: scale(1.1); 
    z-index: 1; 
}