HTML:
CSS:
预览效果入如下：
是CSS的语音属性，由于IE5.5不完全支持CSS2，不识别此属性（voice-family: "\"}\""voice-family: inherit），因此跳到下一个选择符。因此，这段样式定义，IE5.5以及之前的版本，height:32px而其它版本都识别这个属性，可以继续往下识别，所以height:24px
其实还有一个更简单的方法，可以区别对待ie5.5及之前的版本：
height:24pxheight/**/:32px也可以达到同样的目的。
顺便说一句，现在已经很少有人会单独去对ie5.5及之前的版本进行单独处理了。
<html><head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#search").click(function () {
$("#load").fadeIn("slow")
})
})
</script>
</head>
<body>
<div id="load" style="display: none">
<img alt="waiting..." src="images/wait.gif" />
加载中,请稍等...
</div>
<input id="search" type="button" value="查询" />
</body>
</html>
