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> 效果如图所示 ...
随机推荐
- ecshop广告调用方法
在简单地概括ecshop广告调用该方法,已发表在博客上,在这里,我们总结了以下 :就是官方默认的方法.先加入广告位,然后加入模板的广告位区域,再在将两者相应上. 1.后台 > 广告管理 > ...
- lodoop打印控制具体解释
注意:这就需要引进的打印控制(我上传Demo同时): install_lodop32.exe install_lodop64.exe LodopFuncs.js jquery-1.10.0.min.j ...
- BZOJ 1212 HNOI2004 L语言 AC自己主动机(Trie树)+动态规划
标题效果:给定词的列表,并m串 每个字符串q个最长前缀,这个前缀可满足拆分成一些字符串 这些字符串中存在的词汇太 再也不怕错误的数据范围--有一个很明显Trie树能解决的问题竟然被我写的AC自己主动机 ...
- Java对存储过程的调用方法
本文将介绍Java怎样实现对存数过程的调用方法,作者用了几个样例进行了具体的说明,简单明了,很适合刚開始学习的人. 一.Java怎样实现对存储过程的调用: A:不带输出參数的 create proce ...
- kd-tree注解 & bzoj 2648 & 2716 & 3053 解决问题的方法
[KD-TREE简介]于SYC1999大神"迷住"下一个.我开始接触这样的算法. 首先.这个概念大概能去百度百科.详细的实施.我在看RZZ的代码长大的. 我们能够想象在平面上有N个 ...
- 十天学Linux内核之第九天---向内核添加代码
原文:十天学Linux内核之第九天---向内核添加代码 睡了个好觉,很晚才起,好久没有这么舒服过了,今天的任务不重,所以压力不大,呵呵,现在的天气真的好冷,不过实验室有空调,我还是喜欢待在这里,有一种 ...
- char* 和char[]差异
从因特网以下内容.笔者和总结汇总. 1. 问题介绍 问题引入: 在实习过程中发现了一个曾经一直默认的错误.相同char *c = "abc"和char c[]="abc& ...
- 第10章 外观模式(Façade Pattern)
原文 第10章 外观模式(Façade Pattern) 概述: 在软件开发系统中,客户程序经常会与复杂系统的内部子系统之间产生耦合,而导致客户程序随着子系统的变化而变化.那么如何简化客户程序 ...
- OOP 创建对象的7种方式
JavaScript OOP 创建对象的7种方式 我写JS代码,可以说一直都是面向过程的写法,除了一些用来封装数据的对象或者jQuery插件,可以说对原生对象了解的是少之又少.所以我拿着<J ...
- 文《左右c++与java中国的垃圾问题的分析与解决》一bug分析
文<左右c++与java中国的垃圾问题的分析与解决>一bug分析 DionysosLai(906391500@qq.com) 2014/10/21 在前几篇一博客<关于c++与jav ...