我有几个表单字段,每个输入和标签都包含在一个div内,如下所示：
<div class="field">
<label for="name">Name:</label>
<input type="text" class="input" name="name" />
<p class="hint">Enter your name</p>
</div>
提示类最初被隐藏,如display：none.
解决方法
在CSS中,您可以按照以下方式进行操作：
.hint { display: none; }
.field:hover .hint { display: block; }
编辑：正如Karl所说,这在Internet Explorer 6中不起作用.但是,您可以使用JavaScript(在本例中使用jQuery)：
jQuery(".field").hover(
function() {
jQuery(this).find(".hint").css("display","block");
},function() {
jQuery(this).find(".hint").css("display","none");
}
);
