2016-11-22 71 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; 
}