Only one of the two buttons in the div under IE8 is displayed. The ie8div button

Only one of the two buttons in the div under IE8 is displayed. The ie8div button

In the div of IE8, only one button is displayed. The Code is as follows:

<Div id = "adviceType" style = "display: none; "> <select name =" adviceTypeOne "id =" adviceTypeOne "class =" Explain select "> <option value ="-1 "> -- select -- </option> <c: forEach var = "bean" items = "$ {listOne}"> <option value = "$ {bean. id} ">$ {bean. des} </option> </c: forEach> </select> <select name = "adviceTypeTwo" id = "adviceTypeTwo" class = "shortselect"> <option value = "-1"> -- select -- </option> </select> <input type = "hidden" id = "adviceMsgLogId"> <input id = "saveAdviceType" class = "retransmission" type = "button" value = "save" /> <input id = "hideAdviceType" class = "retransmission" type = "button" value = "hide"/> </div>

Only the Save button is displayed, and the hide button is not displayed. The dom is not displayed.

There is no way. I plan to directly use the label instead of the hidden button. The result button can be displayed,

The final code is as follows:

<Div id = "adviceType" style = "display: none; "> <select name =" adviceTypeOne "id =" adviceTypeOne "class =" Explain select "> <option value ="-1 "> -- select -- </option> <c: forEach var = "bean" items = "$ {listOne}"> <option value = "$ {bean. id} ">$ {bean. des} </option> </c: forEach> </select> <select name = "adviceTypeTwo" id = "adviceTypeTwo" class = "shortselect"> <option value = "-1"> -- select -- </option> </select> <input type = "hidden" id = "adviceMsgLogId"> <input id = "saveAdviceType" class = "retransmission" type = "button" value = "save" /> <input id = "hideAdviceType" class = "retransmission" type = "button" value = "hide"/> <label> & nbsp; </label> </div>

Add a line of code. The specific cause is to be studied.

Show div code:

$ (". Left "). live ("click", function () {var $ this = $ (this); var width = $ this. width (); $ ("# adviceType" ).css ("top", event.clienty?#this.scrolltop({}.css ("left" margin ("position", "absolute "). show (). the height (100 ). width (600); // Changes the display position with the mouse clicking })

In IE, ajax does not work. Other browsers can. After debugging, it is found that multiple Commas are added, and the IE check is quite strict.