IE8下div中2个按钮只显示一个_html/css_WEB-ITnose

       IE8下div中2个按钮只显示一个，代码如下：

<div id="adviceType" style="display: none;">    			<select name="adviceTypeOne" id="adviceTypeOne" class="shortselect">    				<option value="-1">--请选择--</option>					<foreach var="bean" items="${listOne }">						<option value="${bean.id }">${bean.des}</option>					</foreach>				</select>				<select name="adviceTypeTwo" id="adviceTypeTwo" class="shortselect">						<option value="-1">--请选择--</option>												</select>				<input type="hidden" id="adviceMsgLogId">				<input id="saveAdviceType" class="retransmission" type="button" value="保存">				<input id="hideAdviceType" class="retransmission" type="button" value="隐藏">				    		</div>

       如图，只显示【保存】按钮，不显示【隐藏】按钮。dom中显示没问题，但就是不显示。

实在没办法了，打算把【隐藏】的不使用按钮，直接用label，结果按钮可以显示了，如图：

    最终代码如下：

<div id="adviceType" style="display: none; ">    			<select name="adviceTypeOne" id="adviceTypeOne" class="shortselect">    				<option value="-1">--请选择--</option>					<foreach var="bean" items="${listOne }">						<option value="${bean.id }">${bean.des}</option>					</foreach>				</select>				<select name="adviceTypeTwo" id="adviceTypeTwo" class="shortselect">						<option value="-1">--请选择--</option>												</select>				<input type="hidden" id="adviceMsgLogId">				<input id="saveAdviceType" class="retransmission" type="button" value="保存">				<input id="hideAdviceType" class="retransmission" type="button" value="隐藏">				<span style="color:#ff0000;"><label> </label></span>    		</div>

就加了一行代码。具体原因待研究。

显示div的代码：

$(".left").live("click",function(){		var $this = $(this);		var width = $this.width();		$("#adviceType").css("top",event.clientY+$this.scrollTop())						.css("left",event.clientX+$this.scrollLeft())						.css("position","absolute")						.show().height(100).width(600);//随着鼠标的点击改变显示位置	})

IE下ajax不起作用，别的浏览器可以，调试之后发现多了个逗号，IE检查还是挺严格的。