【IE8下的怪异模式】的更多相关文章

IE8下的怪异模式

使用DWZ框架,老是出现点击button后在winxp IE8下出现新页面,经过检查后发现IE8下submit后,return false就不行了,必须使用window.event.returnValue = false; 加个判断吧 //加入这句IE8以下版本return false不管用 frankie2015.3.6 if (navigator.appName == 'Microsoft Internet Explorer') { var ua = navigator.userAgent;…

jsp页面在IE8下文本模式自动为“杂项（Quirks）”导致页面显示错位

最近在修改网站的响应式的页面时,由于都是套样式页面,修改过程都是粘贴复制,导致了一些细节问题在IE8下暴露出来: 遇到的问题就是在在Chrome,火狐页面都正常,唯独在IE8下页面样式显示乱样了,但是本地就显示正常,Tomcat缓存也清楚了,再加上自己也是个小白,周末平静了一天半终于找到问题的源头了,其实解决办法也很简单,如图: 我最初是将小脚本写在<!DOCTYPE html>文档都上方的,但是在IE8浏览文本模式默认就编程了“Quirks”模式,显示不正常,后来改成了写在文档头下方就可以正…

【HTML&CSS】 第二章：标准模式下的页面与怪异模式下的页面区别

盒模型 前面提到,盒模型(box mode)是浏览器 Quirks Mode 和 Standards Mode 的主要区别. 描述 对于“盒模型”一词并没有明确的文档定义,它是开发人员描述 CSS 中块级元素的一种约定俗称. 具体而言,针对一个块级元素,如<p>.<div>.<span>等,CSS 的规范定义了一个宽度和高度,以及 3 个级别的环绕它的框 padding.border 和 margin .这些属性我们可以把它转移到我们日常生活中的盒子上来理解,所以将这种…

HTML文档类型DTD与浏览器怪异模式

虽然在兼容IE6时候经常会注意到两个模式的区别,但是系统的理解起来,还没有认真总结过.看了一些网上的资料.结合自己的理解汇总了一下,放在这里备忘并分享给大家. 浏览器从服务端获取网页后会根据文档的DOCTYPE定义显示网页,如果文档正确定义了DOCTYPE浏览器则会进入标准模式(Standards Mode),否则浏览器会进入怪异模式或混杂模式(Quirks mode). 浏览器开发初期W3C倡导的网页标准并不流行,因此浏览器有独特的对网页标签或属性的解析模式,随着日后网页标准的流行,浏览器增加…

理解标准盒模型和怪异模式&box-sizing属性

盒子模型 主要有两种,w3c标准盒模型,IE下的怪异盒模型,其实还有就是弹性盒模型(上篇文章我们用他很好的解决了对齐问题) DTD规范 盒模型分为:标准w3c盒模型.IE盒模型.以及css中的伸缩盒模型 当我们使用编辑器创建一个html页面时,我们一定会发现最顶上的DOCTYPE标签 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT…

真~让IE8支持background: rbga; ，IE8下兼容rgba颜色的半透明背景

IE8下兼容rgba颜色的半透明背景 这样的标题在百度和google搜索下很多篇文章,讲解IE8下兼容rgba的. 这些文章全部都是使用IE下的filter来使元素透明,但是这个里面会有bug. 它们的如下: background: rgba(0,0,0,.5); /*支持rgba的浏览器*/ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f000000,endColorstr=#7f000000); IE f…

EasyUI datagrid 在ie8和360兼容模式兼容性问题

问题:easyui中的datagrid在ie8和360兼容模式下显示不出来. 答案:不是easyui的问题.是引入的jquery版本问题.jquery-1.5.1抛异常,这个版本是mvc3自带的jquery.换个高版本的jquery便可以. 下面为ie8调试的界面:…

浏览器 怪异模式（Quirks Mode） 与 标准模式（Standards Mode）

浏览器 怪异模式(Quirks Mode) 与 标准模式(Standards Mode) 怪异模式,浏览器使用自己的方式解析渲染页面,在不同的浏览器就会显示不同的样式.标准模式,浏览器使用W3C的标准解析渲染页面. 通过 document.compatMode 的值可以知道当前用的是什么模式.BackCompat:怪异模式CSS1Compat:标准模式 IE 6 for Windows/mac, Mozilla, Safari和Opera 都实现了这两种模式,但是IE 6以下版本永远定在了怪异模…

快速记录 IE8 下三个问题

快速记录 IE8 下三个问题 昨天 pc 端网站上灰度,发现多个在 IE8 下的问题,描述和解决方案如下: 第一个问题是 css 文件过大 现象 把项目所有的 css 打包成单个文件,在现代的浏览器下是没有问题的,在 IE11 下的 IE8 模式也是没有问题. 但是在真实的 IE8 下,发现某个页面的 css 不能生效,百思不得其解. 然后,几个人在代码层面逐步排查问题,排查方法是:写一个 body 样式,放在不同的位置去试试,看看是否生效,同时把不能原来不生效的 css 全部注释掉. 已过几轮…

标准模式 怪异模式 盒模型 doctype

在页面顶部设置 doctype是为了统一标准 浏览器有标准模式和怪异模式 而这两种模式最大区别就是 盒模型的解析不同 ============================== 图片摘自网络 ========================== 比如IE width=100px padding=20px; 那ie的width在网页里面还是显示为:100px; padding的20px.是包含在100px里面.也就是说这时content 是80px: 而标准width=100px就是conten…

浏览器Quirksmode(怪异模式)与标准模式

由于历史的原因,各个浏览器在对页面的渲染上存在差异,甚至同一浏览器在不同版本中,对页面的渲染也不同.在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks mode或者称为Compatibility Mode):由于W3C标准的推出,浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode),这就是二者最简单的区别. W3C标准推出以后,浏览器都开始采纳新标准,但存在一个问题就是如何保证旧的网页还能继续浏览,在标准…

# bug 查找 (一) 快速记录 IE8 下三个问题

bug 查找 (一) 快速记录 IE8 下三个问题 昨天 pc 端网站上灰度,发现多个在 IE8 下的问题,描述和解决方案如下: 第一个问题是 css 文件过大 现象 把项目所有的 css 打包成单个文件,在现代的浏览器下是没有问题的,在 IE11 下的 IE8 模式也是没有问题. 但是在真实的 IE8 下,发现某个页面的 css 不能生效,百思不得其解. 然后,几个人在代码层面逐步排查问题,排查方法是:写一个 body 样式,放在不同的位置去试试,看看是否生效,同时把不能原来不生效的 css…

IE8下Extjs报缺少':'符号错误

先介绍下这个问题的由来: 上午其他项目组人员在rtx上问,求帮忙解决ie8兼容性问题. 然后快到饭点,知道这个bug肯定不是那么好解决,肯定不能耽误吃饭时间. 果断说,下午来弄. 下午3点开始去看这个bug. 具体问题就是:点击修改按钮报了缺少':',186行错误. 看了下他的代码186行,是空白行,上下行,也并没有:符号,这错误报的有点看不懂了. 不过这才有意思嘛,两下三下就解决的bug,干起来多没劲. IE8真的很蛋疼,调试起来特别麻烦.调试模式开启,找到报错地方,‘treeselector…

IE8下导入EXCEL数据传到客户端以附件下载

IE8下导入EXCEL数据传到客户端以附件下载方式出现,而不显示数据,解决方法:以text/html格式返回. HttpResponseMessage message = new HttpResponseMessage(HttpStatusCode.OK); message.Content = new StringContent("数据", Encoding.UTF8, "text/html"); return message;…

echarts在IE8下遮挡其他组件的问题

echarts的图在IE8下会浮在上层遮挡住其他组件,解决方式是页面中引入 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">…

jquery.validate.js在IE8下报错不运行

因为项目要表单验证,所以特意去找了jquery.validate这个应该是jquery官方团队出品的表单验证插件. 实际应用时,却在IE8调试时碰到了问题. 从jquery.validate官网下载了压缩包后,用demo中的页面在IE8下并不会报错 而我应用到实际页面中去却会在IE8下报错.如下图: 对比了demo中的页面后,略尴尬的发现,demo中引用的是jquery.validate.js,而我因为要应用到生产环境中,所以下意识的引用了其中的jquery.validate.min.js,也即…

ie8下背景图片平铺问题

IE9+及其他浏览器实现背景图片平铺可能需要一个属性就可以background-size:100%/cover; 但是ie8下background-size是不兼容的,因此我们需要用到滤镜,来解决背景图片拉伸问题. 仅需如下代码: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../img/news/news-banner.png', sizingMethod='scale'); -ms-filter: prog…

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

<!doctype html> <html> <head> <meta charset='utf-8'> <style> .title {background-color:#ccc;width: 150px} </style> </head> <body> <table style='width:600px'> <tr> <td class='title'>哈哈</td…

$.getJSON在IE8下失效

$.getJSON("/Home/GetData?r=" + Math.random(), { ids: ids }, function(data) { //处理逻辑 }); 原因:getJson在IE8下默认会使用浏览器缓存 解决:让其不要使用缓存  …

IE8下服务端获取客户端文件的路径为C：/fakePath问题的解决方案

上一篇文章上提到,IE8下服务端获取客户端文件的路径时,会变成C:/fakePath问题,于是乎通过文件路径去获得文件大小就失败了. 上网搜了一下,主要原因是IE8因为安全考虑,在上传文件时屏蔽了真实路径,用C:/fakePath代替. 一.可以通过设置浏览器安全选项得到真实路径: Internet选项 -> 安全 -> 自定义级别 -> 将本地文件上载至服务器时包含本地目录路径 -> 选“启动” -> 确定 但是,作为开发者,我们不能指望客户去这么做,所以我们必须通过代码解…

ie8下使用knockoutjs遇到的一个模板异常

ViewModel中有一个数组,代码大概如下: function ReportViewModel(){ var self = this; self.extendedProperties = ko.observableArray([]); ... } 在从服务端获取到数据之后,使用下面的代码更新模型: for (var index in json.extendProperties) { reportViewModel.extendedProperties.push(extendProperties…

IE8下JQuery clone 出的select元素使用append添加option异常解决记录

遇到一个怪现象,由于配置参数是多实例的, 故采用JQuery对模板HTML代码进行clone, HTML代码中包括select标签, 在克隆之后需要对select进行添加option. 在firefox和chrome浏览器上都没有问题,在IE10下也没有问题, 但是在IE8下就出现问题,使用append添加option后,IE8上就显示不出来新添加option. 示例代码如下,对于clone出的第二个select有问题,但是通过打印,发现添加后的option数目是正确的3个. 这个就太令人费解了…

IE8 下 select option 内容过长 , 展开时信息显示不全解决办法

IE8 下 select option 内容过长 , 展开时信息显示不全 , 简单折衷的方式就是给 option 加上 title 属性 , 但是又不想一个个的修改,怎么办呢,代码如下 : //select option bind title $(document).delegate('select', 'mouseover', function() { var $this = $(this); if($this.data('data-bind-title')) { return; } $thi…

2015年8月17日，杨学明老师《产业互联网化下的研发模式转型》在中国科学院下属机构CNNIC成功举办！

2015年8月17日,杨学明老师为中国网络新闻办公室直属央企中国互联网络中心(CNNIC)提供了一天的<产业互联网化下的研发模式转型>内训课程.杨学明老师分别从产业互联网化的问题与挑战.传统软件开发模式的演进.案例分享(三家企业的案例).产品创新和新型的研发管理模式.短平快项目对公司组织的要求等几个方面进行了讲解和研讨.培训过程中,杨学明老师以阿里巴巴.腾讯.华为等企业的互联网产品规划的真实案例为主线,充分发挥学员在学习过程中的智慧,进行了深入的研讨和演练.并给大家分享了来自业务互联网转型成功…

ie8下jquery改变PNG的opacity出现黑边,ie6下png透明解决办法

目前互联网对于网页效果要求越来越高,不可避免的用到PNG图片,PNG分为几种格 式,PNG8 PNG24 PNG32,其中最常用的,也是显示效果和大小比较适中的则是PNG24,支持半透明,透明,颜色也非常丰富,但由于咱们国人使用IE系列或以IE为内核系列的浏览器占大多数,并且由于 WINDOWS XP在国内市场份额比较大,并且XP上好多人还在用IE6 IE7 IE8等浏览器,而这些浏览器对于PNG支持或多或少都有差距,IE6完全不支持PNG,IE7 IE8支持PNG不完全,在IE7 IE8下面对…

Jlink V7在MDK下使用Cortex-M3-Jlink模式开发STM32的说明

Jlink V7在MDK下使用Cortex-M3-Jlink模式开发STM32的说明   开发环境:STM32F103RB(128K Flash 20K RAM)+MDK3.50+JLINK V7(v4.04) mdk3.50 新增一种cortex-ms-Jlink调试模式,可以很好地支持Jlink.Jlink-SWD调试,无RDI需要按复位的缺点.烧写速度比RDI慢一些. 1 软件安装 1.1 安装Segger jlink V4.04驱动 安装在c:\Program Files\SEGGER\…

javascripy的innerHTML在IE8下的异常

使用jQuery的datatable插件的时候发现,IE8下显示异常,仔细调查一番,发现是浏览器对innerHTML的差异导致的. 实例代码: var nTd = document.createElement('td'); nTd.innerHTML = 'abc&def'; alert(nTd.innerHTML); IE8 alert结果: abc firefox 24 alert结果:abc&def 可以看出,当把字符串传给innerHTML的时候,浏览器进行了处理,比如大小写转换,…

input输入框的border-radius属性在IE8下的完美兼容

在工作中我们发现搜索框大部分都是有圆角的,为此作为经验不足的前端人员很容易就想到,给input标签添加border-radius属性不就解决了嘛.不错方法确实是这样,但是不要忘了border-radius是css3属性,IE8不兼容!!!那么问题来了,怎样在IE8下完美兼容呢? 网上有很多关于css3属性在IE8下兼容的方法,需要引入PIE.htc这个文件,相信很容易搜到并下载该文件,但是用上position:relative;behavoior:url(PIE.htc);后发现圆角是实现了,但…

IE8下兼容rgba颜色的半透明背景

在工作中做一个图片半透明遮罩时发现在IE8下不兼容 一查再知道IE8不支持rgba颜色,再搜搜兼容性方法,没想到这么快就解决了. 先说说rgba的含义: r代表red,g代表green,b代表blue,a代表透明度.红绿蓝是三原色,所有颜色都可以由这三种颜色拼合而成.比如rgba(0,0,0,.5)就是透明度为0.5的黑色.现代浏览器是支持rgba的,但是在IE8等古董级浏览器中是不支持rgba的,IE8只能勉强支持rgb()函数(即去掉了透明度,只能表示颜色). 网上的解决方法是: backg…

解决Socket.IO在IE8下触发disconnect时间过长

本文地址: http://www.cnblogs.com/blackmanba/p/solve-socketIO-IE8-emit-disconnect-too-long.html或者http://forkme.info/solve-socketIO-IE8-emit-disconnect-too-long/, 转载请注明源地址. 概述 Node.js是一个是一个构建在Chrome's JavaScript runtime上的应用程序.能够容易的建立起快速, 可扩展性的应用.Node.js采用事…