为什么不能将鼠标悬停在移动的物体上？

| 我正在用CSS制作太阳系，这是我的代码：http：//jsfiddle.net/kAKdm/。但是，ѭ0似乎只能在太阳下使用，这是唯一不能与CSS动画一起移动的项目。有谁知道使“ 0”与行星一起工作的方法吗？我想做这样的事情，但是它当然会被动画覆盖：

#planets > div:hover {
  -webkit-transform: scale(1.2);
}

提前致谢。

已邀请:

2 个回复

基本上，如果您要缩放行星，则要更改它的width, height, top, left, border-radius属性。确定比例尺很方便，但是由于您覆盖了转换，因此可以尝试以下操作：

#planet-venus:hover {
width:20px;
height:20px;
left: 396px;
top: 290px; 
border-radius:10px;
}

您将必须计算宽度高度，并将每个行星重新放置到比例大小的一半，但是它可以工作。 http://jsfiddle.net/kAKdm/21/-尝试将金星悬停。

Chrome不接受div:hover，而仅接受img:hover。因此，代替#planets > div:hover，请使用：

#planets > div img:hover

有关更多详细信息，请访问：http://dinolatoga.com/2009/09/18/amazing-imag-hover-effects-with-webkit-and-css/

要回复问题请先登录或注册