IE8下div中2个button仅仅显示一个,代码例如以下:

<div id="adviceType" style="display: none;" >
<select name="adviceTypeOne" id="adviceTypeOne" class="shortselect" >
<option value="-1">--请选择--</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">--请选择--</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中显示没问题,但就是不显示。

实在没办法了,打算把【隐藏】的不使用button,直接用label,结果button能够显示了,如图:

终于代码例如以下:

<div id="adviceType" style="display: none; " >
<select name="adviceTypeOne" id="adviceTypeOne" class="shortselect" >
<option value="-1">--请选择--</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">--请选择--</option> </select>
<input type="hidden" id="adviceMsgLogId">
<input id="saveAdviceType" class="retransmission" type="button" value="保存"/>
<input id="hideAdviceType" class="retransmission" type="button" value="隐藏"/>
<label>&nbsp;</label>
</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检查还是挺严格的。

IE8下div中2个button仅仅显示一个的更多相关文章

  1. ie7、ie8 下Table 中 td 列固定宽度 未按样式设定显示 曲线解决方案

    <!doctype html> <html> <head> <meta charset='utf-8'> <style> .title {b ...

  2. IE8下网页中的视频会遮挡住顶层DIV的解决办法

    在IE8浏览器下,发现网页中的视频会遮挡住本来固定在最顶层的DIV.即便使用z-index也无法解决.但是其他浏览器是正常的. 解决的办法很简单,就是在调用flash视频播放器的时候,加上一个参数“o ...

  3. html如何让label在div中的垂直方向居中显示?

    设置label的行高 line-height 和div的高度一致即可.

  4. IE8下的兼容小经验

    placeholder IE8下不支持HTML5属性placeholder,不过为解决此问题的js插件挺多的,比如:jquery-placeholder.也可以使用jquery来写. last-chi ...

  5. div中字垂直居中对齐

    div中的文本水平居中,一般都是用text-align:center;就可以解决,那么垂直居中呢,知道vertiacl-align:middle;但有时候却不起作用:整理下div中文本垂直居中对齐的问 ...

  6. div中粘贴图片并上传服务器 div中拖拽图片文件并上传服务器

    应用简介:此文主要是描述如何在前端div中直接ctrl+v 粘贴图片,并上传到服务器,包括拖拽图片文件到div中 应用场景描述:用QQ或者其它切图软件截图,在指定的div中ctrl+v 粘贴并显示,点 ...

  7. 如何让div中的文字只显示一行,多余的文字隐藏并加上省略号(超链接形式)

    写页面的时候遇到了一个小小的问题,如何让div中一行超链接文字只显示一行,多余的文字隐藏并加上省略号,悬浮时隐藏的文字显示出来?解决问题时发现了css3的一个新标签  text-overflow  , ...

  8. ie7下div覆盖在iframe上方,ie8就不行,怎么解决

    <div style="position:relative;display:inline-block;width:178px;height:90px;z-index:9999;top: ...

  9. ie8下a标签中的图片出现边框

    1.ie8下a标签中的图片出现边框 <a href="#"><img src="horse.jpg"></a> 效果如图所示 ...

随机推荐

  1. Codeforces 480C Riding in a Lift dp

    主题链接:点击打开链接 意甲冠军: 特定 n a b k 构造一个长度k该序列. 使得序列中 对于随意两个相邻的数 | w[i-1] - w[i] | < | w[i] - b | 且第一个数 ...

  2. asp.net mvc实现rest风格返回json

    实现类似:http://localhost:1799/rest/person/1方式返回一个json内容: 在asp.net mvc中新建一个control rest,然后在其中新增方法: publi ...

  3. java它们的定义jar套餐读Excel(这包括2003和2007)数据,和实例

    使用java它们的定义jar套餐读excel数据支持excel2007和excel2003 在http://download.csdn.net/detail/u010792467/8079355下载所 ...

  4. Java之旅(三)--- JSTL和EL表情

     先给大家看一段JSP的代码.看看有什么感受? <% List<UsEL> usELList = pageModel.getList(); for (ItELator<Us ...

  5. DFT 展开式和 FFT推导

    C语言的FFT //---------------------------------------------------------------------------------- //----- ...

  6. Unity3D流行的游戏开发人员构建高速检查站系统

    好友,大家好,欢迎关注我的博客.我是秦培,我的博客地址blog.csdn.net/qinyuanpei. 今天,我想分享的是,现在在移动平台上的检查点系统更受欢迎,机游戏如<愤慨的小鸟>. ...

  7. 漂浮广告代码兼容ie、firefox,多个漂浮不冲突,调用只需两行代码

    原文:漂浮广告代码兼容ie.firefox,多个漂浮不冲突,调用只需两行代码 将广告内容放在div中,设置一个id,然后用下面方法调用var adcls=new AdMove("div的id ...

  8. HDU 4292Food(网络流的最大流量)

    职务地址:HDU 4292 水题. 因为每一个人仅仅能有1份,所以须要拆点限制流量.建图方法为,建一源点与汇点.将食物与源点相连,权值为食物额数量,将饮料与汇点相连,权值为饮料数量..然后将人进行拆点 ...

  9. SQL Server 有关EXCEPT和INTERSECT使用

    熟练使用SQL Server各种使用会带来多大的方便查询.今天介绍EXCEPT和INTERSECT.请注意,这只是语法SQL Server 2005和以上版本支持. EXCEPT它指的是存在于所述第一 ...

  10. 采用jquery的imgAreaSelect样品图像裁剪示范插件实现

    将用户上传的图片进行裁剪再保存是如今web2.0应用中经常处理的工作,如今借助jquery的imgareaselect插件再配合PHP的GD库就能够轻松的实现这个在曾经来说很棘手的功能. 我们来看看它 ...