IE8下div中2个button仅仅显示一个
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> </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仅仅显示一个的更多相关文章
- ie7、ie8 下Table 中 td 列固定宽度 未按样式设定显示 曲线解决方案
<!doctype html> <html> <head> <meta charset='utf-8'> <style> .title {b ...
- IE8下网页中的视频会遮挡住顶层DIV的解决办法
在IE8浏览器下,发现网页中的视频会遮挡住本来固定在最顶层的DIV.即便使用z-index也无法解决.但是其他浏览器是正常的. 解决的办法很简单,就是在调用flash视频播放器的时候,加上一个参数“o ...
- html如何让label在div中的垂直方向居中显示?
设置label的行高 line-height 和div的高度一致即可.
- IE8下的兼容小经验
placeholder IE8下不支持HTML5属性placeholder,不过为解决此问题的js插件挺多的,比如:jquery-placeholder.也可以使用jquery来写. last-chi ...
- div中字垂直居中对齐
div中的文本水平居中,一般都是用text-align:center;就可以解决,那么垂直居中呢,知道vertiacl-align:middle;但有时候却不起作用:整理下div中文本垂直居中对齐的问 ...
- div中粘贴图片并上传服务器 div中拖拽图片文件并上传服务器
应用简介:此文主要是描述如何在前端div中直接ctrl+v 粘贴图片,并上传到服务器,包括拖拽图片文件到div中 应用场景描述:用QQ或者其它切图软件截图,在指定的div中ctrl+v 粘贴并显示,点 ...
- 如何让div中的文字只显示一行,多余的文字隐藏并加上省略号(超链接形式)
写页面的时候遇到了一个小小的问题,如何让div中一行超链接文字只显示一行,多余的文字隐藏并加上省略号,悬浮时隐藏的文字显示出来?解决问题时发现了css3的一个新标签 text-overflow , ...
- ie7下div覆盖在iframe上方,ie8就不行,怎么解决
<div style="position:relative;display:inline-block;width:178px;height:90px;z-index:9999;top: ...
- ie8下a标签中的图片出现边框
1.ie8下a标签中的图片出现边框 <a href="#"><img src="horse.jpg"></a> 效果如图所示 ...
随机推荐
- Hsql中In没有1000的限制
SELECT * FROM user , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ...
- 手把手教你如何加入到github的开源世界! (转)
我曾经一直想加入到开源项目中,但是因为没有人指导流程,网上看了很多,基本都是说了个大概,如果你也是一个初出茅庐的人,那么,我将以自己提交的一次开源代码为例,教会你步入开源的世界. 1,首先登陆到htt ...
- Class撑起了OOP世界的天。Class类是OO的基本单元,OO的世界都是通过一个一个的类协作完成的,提高软件的重用性、灵活性和扩展性(转)
引言 在OO的工作中,我们一定会涉及到类,抽象类和接口.那么类和抽象类以及接口到底扮演的什么角色? 本文主要是从人类社会的角度阐述类与抽象类以及接口的“社会”关系,从而让我们抛弃书上的那些死记硬背的概 ...
- 从源代码分析modelDriven拦截器和params拦截器和拦截器prepare 和paramsPrepareParamsStack拦截器栈(让你的Struts2代码更简洁——如何培养框架设计能力
源代码文件:Web App Libraries/struts2-core-2.3.15.3.jar/struts-default.xml 拦截器modelDriven: <interceptor ...
- 房费制VB版本(一个)——系统分析
首先.我们先回答两个个问题: 1.机房收费系统"是什么"? 2.机房收费系统应该"干什么"? 我的回答 ...
- (大数据工程师学习路径)第二步 Vim编辑器----Vim快速入门
vim模式介绍 以下介绍内容来自维基百科Vim 从vi演生出来的Vim具有多种模式,这种独特的设计容易使初学者产生混淆.几乎所有的编辑器都会有插入和执行命令两种模式,并且大多数的编辑器使用了与Vim截 ...
- Pro Aspnet MVC 4读书笔记(3) - Essential Language Features
Listing 4-1. The Initial Content of the Home Controller using System; using System.Collections.Gener ...
- Robot Framework自动化测试(一)---第一个脚本(转)
最近工具中用Robot Framework框架来做自动化,所以,花时间学习了一下. =======所需环境=================== Python: https://www.python. ...
- 谈论HashMap,HashSet,HashTableeasy被我们忽视
在正常发育,HashMap,HashTable,HashSet 他们批准了经常使用的按键值地图数据结构.在这里,我主要写一些平时我们使用的这些数据结构easy忽略. HashMap HashMap的结 ...
- [JavaScript权威指南 [笔记]
对象的比较均是引用的比较.(不可变的原始值和可变的对象引用)this返回调用这个方法的对象通过x!==x来判断x是否为NaNvar max = max_width || preferences.max ...