【ie7下的javascript兼容】的更多相关文章

ie7下的javascript兼容

<a href="javascript:;" onclick="functionone();"></a> <script> function functionone() { $("#formid").submit(); }; </script> 这种情况下,submit()不会发生. 应该改正 <a href="javascript:;" onclick="fun…

IE6/IE7下margin-bottom失效兼容解决办法及双倍边距问题

(从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期 2014-04-08) 一.IE6/IE7下margin-bottom失效兼容解决办法 1.用padding-bottom代替:2.在父标签中加入overflow:hidden:或zoom:100%示例代码: 不正常显示 ul{} li{ list-style:none; float:left; margin:10px;} 1. 你会发现左边10px 变成20px了, 解决办法:在li的CSS中加入:display:inline…

inline-block和text-indent在IE6,IE7下同时使用的兼容问题解决方法

在实际应用中,考虑到seo,很多button,icon都要用到inline-block和text-indent来处理,例如: <a href="#">Button</a> 当我们把css写成这样 .btn{display:inline-block; width:100px; height:23px; text-indent:-9999px;background-image:url(img.jpg);} 在标准浏览器下是没问题的,但是在IE6和7下会触发A标签消失…

float不完整带来的IE7下的不兼容

这种原因是因为搜索用了float:right;添加报考院校和导入文件没有用float; 解决的方法是:1.给添加报考院校和导入文件分别添加float:left;2.把搜索那部分代码写在添加报考院校和导入文件的前面.…

Angular 1.2.27在IE7下的兼容问题

最近负责公司的一个国外项目,老外指定要用angular,并且要兼容到IE7. 项目使用的是Angular版本是1.2.27,为了能在IE7下跑,需要做如下配置 1. 加载json2.js 2. 加载html5shiv.js 3. 加载angular相关文件 4. 加载angular-ie7-support文件 (这个文件主要解决ng的$sceProvider的问题) 5. 加载你的angular app 配置完成,IE7下已经能正常运行,但是发现指令没有被正确显示出来,而IE8以上却都运行正常.…

select2插件不兼容ie7，ie7下样子显示错位问题

1.源文件(未修改) select2.min.css.select2.min.js 2.ie7下显示样式: 3.ie8下显示样式: 4.经查看发现ie7下对一些属性的解析和ie8不同,需对ie7另作hack 在css样式文件中加入: *+html .select2-search--dropdown .select2-search__field{width:91%;}*+html .select2-container{margin-top: -3px;} 在js文件中加入: if(navigato…

JavaScript在IE6,IE7下报错'expected identifier, string or number'

问题: 代码在Forefox和IE8下工作正常,但是在IE6下报错: expected identifier, string or number 假如变量options有多个选项,那么我们可以用逗号分开:但是最后一个选项后不可以有逗号.虽然IE8和Firefox可以忽略这个逗号,但是IE6下会报错(据说IE7下也会报错) 解决方案: 解决方法很简单,把多余的逗号删除就可以了. var options = { target: '.content' //注重不可以加逗号 };  …

IE7下使用兼容Icon-Font CSS类

Iconfont在IE7下需要使用unicode方式,但是这种方式不太方便,使用以下代码可使IE7像普通用法使用. @font-face {font-family: "anticon"; src: url('/font/iconfont/iconfont.eot'); /* IE9*/ src: url('/font/iconfont/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/font/i…

jquery解析XML在IE7下不兼容的问题

jquery在解析XML内容的时候在IE7下无法显示,是因为数据格式的问题,解决办法如下: $.ajax({        type:"POST",        url:"/index/GetXml?id="+id,        dataType:($.support .msie) ? "text" : "xml",//判断是否为IE浏览器,我这里用的是jquery1.9.1,如果是该版本一下的将$.support换成$.…

IE6/IE7下：inline-block不兼容的问题

IE6/IE7下对display:inline-block的支持性不好.    1.inline元素的display属性设置为inline-block时,所有的浏览器都支持:    2.block元素的display属性设置为inline-block时,IE6/IE7浏览器是不支持的:          对象呈递为内联对象,但是对象的内容作为块对象呈递.旁边的内联对象会被呈递在同一行,允许空格.(准确地说,应用此特性的元素现为内联对象,周围元素保持在同一行,但可以设置宽度和高度等块元素的属性)…

ie6,ie7,ie8 css bug兼容解决方法

IE浏览器以不支持大量的css 属性出名,同时也因其支持的css属性中存在大量bug. 这里收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法! 普通IE css bug bug名称 影响版本 描述 Image Label Focus Bug IE8,IE7,IE6 <img>元素在<label>元素之内,单击时,焦点不会转移到相应的表单控件 按钮Margin-A…

ie6,ie7,ie8 css bug兼容解决记录

ie6,ie7,ie8 css bug兼容解决记录 转载自:ie6,ie7,ie8 css bug兼容解决记录 - 前端开发 断断续续的在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决 ,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法! 1:li边距“无故”增加 任何事情都是有原因的,li边距也不例外. 先描述一下具体状况:有些时候li边距会突然增 加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着…

Asp.net服务器控件在IE10下的不兼容问题

Asp.net服务器控件在IE10下的不兼容问题 时间:2013-05-16 09:07点击: 89 次 [大 中 小] 相信很多使用IE10的童鞋们已经发现了这个问题,以下是本人在IE10标准模式下发生的问题,声明:IE10不只有一个版本 1.服务器控件属性丢失,在aspx页面定义的TextBox: <asp:TextBox ID="txt" runat="server" Width="200" /> 在IE10标准模式下浏览发现宽…

【css】a:hover 设置上下边框在 ie6 和 ie7 下失效

前段时间在写样式的时候发现了这个问题,虽然当时就解决了这个 bug 不过还是记录下,以免再次出现这样的问题. demo 代码: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"…

ie7 下 float换行问题与vertical-align：middle; 失效问题

声明:web小白的笔记,欢迎大神指点!联系QQ:1522025433. ie7 下 float换行问题 请直接看代码中和代码中的注释: <!doctype html> <html> <head> <meta charset="utf-8"> <title>IE7,浮动换行问题</title> <style type="text/css"> .float-right { float:…

webuploader在ie7下的flash模式的使用

webuploader在ie7下不能使用h5模式上传图片,只能使用flash模式. 但是出现了几个问题:(1)必须正确的引入.swf文件,才能使webuploader正常运行                                         (2)正常传输模式下,flash模式使用的md5不能上传太大的文件,(好像只能上传50k左右),所以要改成二进制流sendAsBinary的模式上传                                         (3)二进制上…

JavaScript 兼容各大浏览器阻止冒泡事件

JavaScript 兼容各大浏览器阻止冒泡事件 function stopEvent(event) { //阻止冒泡事件 //取消事件冒泡 var e = arguments.callee.caller.arguments[0] || event; //若省略此句,下面的e改为event,IE运行可以,但是其他浏览器就不兼容 if (e && e.stopPropagation) { // this code is for Mozilla and Opera e.stopPropagat…

IE7下总提示" 缺少标识符、字符串或数字"

用Jquery easyUI ,IE7下列表显示不了,总提示缺少标识符.字符串或数字.而google,maxthon,firefox,IE10等却没有问题. 原因是Json末尾多了个逗号.IE7下json末尾不能有逗号,其它浏览器则可有可无. 如: function getQueryCondition() { var query = { ResourceName: $("#ResourceName").val(), ResourceTitle: $("#ResourceTit…

vertical-align及IE7下的inline-block

在IE7下,是不支持inline-block元素的,当对块级元素如dl进行inline-block样式设置时,在IE7浏览器是下样式是不会生效的. 若要在IE7下实现将块级元素设置为内联元素,可以这样进行设置: *display:inline; *zoom:1; //获取布局 在这样设置之后,就能继续设置其他的样式了. 很多时候,在IE7下将块级元素设置为内联元素时,我们可能会想到进行float浮动来实现,float了的元素是无法设置vertical-align的,因为vertical-alig…

【css】ie6 和 ie7 下 position 与 overflow 的问题

前几天做的项目中碰到这样一个问题,在 ie6 和 ie7 下,给父元素设置 overflow:hidden 不起作用无法隐藏,后来发现是子元素中有设置 position:relative,如果子元素删除 position:relative,那么父元素的 overflow:hidden 可以隐藏,具体代码及效果如下: html 代码: <!doctype html> <html lang="en"> <head> <meta charset=&q…

IE6/IE7下绝对定位position:absolute和margin的冲突问题解决

首先我们来看一个代码: 复制代码代码如下:<div id=”layer1″ style=”margin:20px; border:1px solid #F88; width:400px; “> <div id=”layer2″ style=”position:absolute; background-color:#ccc;”>Absolute (layer2)</div> <div id=”layer3″ style=”margin:30px auto; widt…

IE6/IE7下：inline-block解决方案

IE6/IE7下对display:inline-block的支持性不好. 1.inline元素的display属性设置为inline-block时,所有的浏览器都支持: 2.block元素的display属性设置为inline-block时,IE6/IE7浏览器是不支持的:       对象呈递为内联对象,但是对象的内容作为块对象呈递.旁边的内联对象会被呈递在同一行,允许空格.(准确地说,应用此特性的元素现为内联对象,周围元素保持在同一行,但可以设置宽度和高度等块元素的属性)      IE中对…

ie7下z-index失效问题解决方法(详细分析)

(从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期2014-04-03) 点评:绝对定位元素的“有定位属性(relative或absolute)的父元素”在渲染层次时起到了主要作用,前面的被后面的覆盖了.解决办法就是给有定位属性的父元素设置z-index 解决办法: 父级元素加上position:relative;并设置z-index. 父级元素的z-index优先,其中包含的元素的z-index是相对于父级元素的index. <div style="position:rel…

li中包含span，在IE6、IE7下会有3pxbug

如果给每个li里面加个span标签的话,在IE6,IE7下看,li与li之间的距离就会多了3px. 解决方法:在li中加vertical-align:middle; <div class="contain"> <div class="main"> <ul> <li><span></span></li> <li><span></span></l…

EDM排版table设置padding在ie7下bug

今天搞EDM发现一个在ie7下很扯淡的bug,由于以前没遇到过,所以花了点时间来解决下. IE7下bug重现: <table cellpadding="0" cellspacing="0" border="0" bgcolor="#ffffff" width="700" style="padding:20px;margin:0 auto;border:1px solid #000000;&q…

原生js在IE7下 向dom添加节点的一个bug, (本例为添加hidden input)

需求是要用js向dom结构增加1个hidden用来存放要post到服务器的数据 var aspnetForm = document.getElementById("aspnetForm"), //这就是新增的hidden <input type="hidden" name="test" value="name=jason;age=27;"/> hidden = document.createElement(&quo…

IE6和IE7下绝对定位position：absolute和margin的冲突问题解决

绝对定位的Position:absoulte的元素,会让相邻的兄弟元素的margin-top失效.而如果去掉了兄弟元素的高度又会正常. <div id="layer1" style="margin:20px; border:1px solid #F88; width:400px; "> <div id="layer2" style="position:absolute; background-color:#ccc;&q…

jQuery的animate方法在IE7下出现小问题

接上,今天接着修改网站的bug,还是网页的这几张图片,还是滑动效果,但在IE7下不但几张图片只显示一张,更别提滑动效果了,根本滑不了啊: 然后打开IE的F12工具,先看样式,再看滑动效果:本来应该显示4张图片,但只显示了一张,这个错误既然是显示的错误,那直接在调试工具里,对着这个div的有关左右的属性,修改就可以了: 修改后发现,原来是margin这里出问题了,原来的样式是 margin:10px auto; 修改margin-left和margin-right,把它们去掉就行了,但是这是全局样…

ie6,ie7下设置overflow:auto下滚动条不起作用

今天遇到一个比较特殊的情况:ie6,ie7下设置overflow:auto下滚动条出来了但是滚动条不起任何作用,但在火狐,ie8,ie9,谷歌等浏览器下正常显示,解决方案:只需要加一个position:relative;…

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

<div style="position:relative;display:inline-block;width:178px;height:90px;z-index:9999;top:0;left:0;background-color:transparent;"></div> <iframe src='' id='frame' frameborder='0' scrolling='no' width='178' height='90' allowTrans…