css问题，我正在努力？

Question

如果你看到我的JSFiddler http://jsfiddle.net/7mfj7/2/。第一次直接在图像上显示“更改图片”。如果我鼠标悬停在图像上并从图像中出来。然后它工作正常。

如何首次隐藏“更改图片”并在鼠标悬停时显示？

Answer 1

将它放在$(function () {：

的顶部

$('.comment').css({ "top": '400px' });

http://jsfiddle.net/7mfj7/10/

Answer 2

将样式添加到css

.comment{
  top: 400px;
}

Answer 3

在.comment的CSS中：

top: 400px;

这样它最初将加载到mouseout上移动到的相同位置。

Answer 4

如果您不想在首次进入页面时显示，请将其初始设置为display: none;。

然后在您的悬停命令上，将其设置为.show()

http://jsfiddle.net/7mfj7/18/

Answer 5

而不是使用child和parent引用jquery调用中的元素。将每个元素包装在它自己的div中会更容易。 （即一个div中的文本和另一个div中的图像）这将允许您更具体地控制jquery中的各个元素，并且更容易应用样式。