[TOC] ### ie6屏幕固定位置实现 Q:ie6固定位置，目前只有ie6不支持固定位置 A:可以试下以下代码，亲测有效。 ~~~ body{ background-image:url(about:blank); background-attachment:fixed;/*必要，防抖动*/ } .head{ position:fixed; top:0; left:0; _position:absolute; _top:expression(offsetParent.scrollTop); _left:expression(offsetParent.scrollLeft); ~~~ ### 浮动双倍间距 Q: 如题，块级元素设置浮动时，第一个浮动元素的间距为双倍的。（ie6中才有这个问题） A:display:inline ### 透明图片的处理 Q: 图片的透明处理 :ie7 8支持透明图片等，ie6不支持。 A：以下方案适用于背景图片。(滤镜) ~~~ width:25px;height:35px; background:url(/images/hoseditsym.png) no-repeat !important;background-position:left center!important; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src ='/images/hoseditsym.png'); _background-image: none; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src ='/images/hoseditsym.png') ~~~ ### 文档渲染模式设置 Q: 有些页面现代浏览器正确，但有些样式被ie解析错误，可以尝试下修改文档的渲染模式 A:代码如下：针对360的兼容模式，可以加特殊的meta标记renderer ~~~ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="renderer" content="webkit"> ~~~ ### ie不支持placeholder Q: 如题，测试希望ie也能支持placeholder(ie678均不支持) A:引入插件，注意的是针对ie写条件注释引入，另外如果不要求做这部分，可以不写。亲测可以支持ie78显示提示文字，ie6不可以。 参考：[github地址](https://github.com/mathiasbynens/jquery-placeholder)，修改样式可以直接修改，文件可以通过bower加载。 ~~~ <script type="text/javascript" src="jquery.placeholder.min.js"></script>.placeholder { color: #aaa; } <style> .placeholder { color: #aaa; } </style> <script type="text/javascript"> $(function(){ $('input, textarea').placeholder(); }); </script> ~~~ ### 如何让ie支持响应式，h5,css3的选择器以及部分属性 Q: 如题 A:参考html代码规范文档，有详细说明，引入补丁文件即可。 ### js文件里针对ie写脚本 Q: 如题 A:代码如下：建议用jq的语法，简洁有效。1.x版本对ie678可用，2.x版本不再支持ie678。pc端统一建议并规范使用jq1.12.1版本 $.support.leadingWhitespace ,如果是ie678 返回false，如果是其他的，返回true;如果需要判断其他特殊的css属性支持情况，可以参考$.support的其他属性值。(如果需要判断版本，可以使用$.browser.version). 也可以用取巧的办法，针对字符串的解析结果做判断，代码如下：`（!+[1,]）`，ie6-8返回false,其他返回true. ### 一些js对象的方法ie不支持怎么办 Q: 如题，比如String.trim(),isArray，every(), filter(), forEach(), map(), some() ，Date.now() A:代码如下：需要自己写替代的函数方法，比如去除前后的空格，如果jq的工具方法中有，可以直接用，$.trim(str) `return this.replace(/(^\s*)(\s*$)/g, ""); ` ### 最大最小宽度高度不支持怎么办 Q: 如题，我们经常会写最大最小宽度的限制来保证页面的正确，可是ie6不支持，ie78支持。 A:css hack写法 ~~~ min-height:50px; height:auto!important; height:50px; ~~~ ### 设置透明（容器内容不想被透明） Q:opacity与rgba A:两者皆可以调整我们想要的块（区域）的透明度，然而这两个属性又有所不同，opacity调整了整个区域的透明度（包含区域内的内容），rgba则可调整区域背景的透明度。所以当我们想做一个透明的按钮时可以选择后者。 两者的用法：opacity: 0.5；rgba(255,255,255,0.5) ~~~ /*透明度 兼容写法*/ background: rgba(244 ,219, 187, 0.6); filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#99F4DBBB , endColorstr=#99F4DBBB ); ~~~ ### ie8 意外的调用了方法或者属性访问：SCRIPT65535 可能的原因如下，希望大家依次去解决： * 元素没有这个属性可用，比如label标签没有value 方法，input标签没有html() * append()方法追加元素的时候需要完整的dom结构，所有的标签完整的闭合 * 操作元素类型不匹配：ie下将类型不匹配的值强行添加到dom元素中时会产生该错误，该问题出现的几率较大，我这里的也是这个问题，将<option> 标签强行append到了input上 * jQuery('#id').text('msg');写法改成jQuery('#id').attr('text','msg'); * 更改页面 title 不可以使用：$("title").html("hello");而应该使用：document.title="hello"; * appendChild 还是append 一个是原生方法 一个是jq方法 * 不支持h5标签，解决方法有二 ： 1 针对ie 加html.js 2 禁用h5标签 ### ie8910可能不支持字符串模板语法 换成babel转化或者用常规的字符串拼接 ### ie8IE兼容性问题--缺少标识符、字符串或数字 原因是因为变量或者json属性定义的时候最后一个是逗号