浏览器兼容 | 易学教程

jquery easyUI1.3.3在IE9和火狐上面的兼容问题

阅读更多关于 jquery easyUI1.3.3在IE9和火狐上面的兼容问题

针对jquery easyUI 1.3.3 在火狐和chrome上可以运行，在IE9中没有效果，但是也不报错的问题。 jquery easyUI 1.3.3中的jquery是2.x版本的，在IE9中不兼容，把其中的jquery文件换成1.x版本的就好了。来源： oschina 链接： https://my.oschina.net/u/1273696/blog/177938

EasyUI在火狐中不能全部显示，在IE9和chrome中正常的问题

阅读更多关于 EasyUI在火狐中不能全部显示，在IE9和chrome中正常的问题

我用的jquery1.3.3版本的，自己写的dialog窗口，还有别的窗口在IE9和chrome中显示正常，但是在火狐中无法正常显示(效果见下图) 但是在chrome和IE9中可以正常显示如图：后来发现是因为firefox中的body默认好像不是全部显示，在body标签中添加<body style="width:100%;height: 100%;" >之后问题就解决了。本文来自：http://www.th7.cn/web/html-css/201308/12440.shtml 来源： oschina 链接： https://my.oschina.net/u/1273696/blog/178253

浏览器兼容的实现table中通过拖拽改变列宽的最佳实践

阅读更多关于浏览器兼容的实现table中通过拖拽改变列宽的最佳实践

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 在企业级应用中，表格是非常常见的展现方式，这时当列数据较长时，一种比较自然，体验也较好的处理方式就是通过拖拽改变列宽，这个功能在一些重量级JS组件库中都有提供，实现原理各有不同，但是一个共同点就是实现比较复杂，那我们通过很少的代码，常规的table结构，能实现这个功能么？本文将提供一个经过实际验证的实践，供开发者参考，扩展思路。总体思路： 1.HTML结构：为了简化代码，采用标准的HTML结构，即table-tr-td模式，无其他限制，在我们的实际应用中，表格非常复杂，但是核心技术没有变； 2.事件：采用onmousedown、onmousemove、onmouseup三个事件相结合的方式，处理鼠标拖动元素过程中的事件； 3.浏览器兼容：整个实现中，涉及到事件模型，offsetX偏移量计算等存在浏览器差异的情况，本文都提供了精炼的处理，并经过了测试； 4.列宽度计算：拖动改变列宽的核心算法是，鼠标移动过程中计算鼠标在屏幕上滑动过的水平距离，可能是正值可能为负，然后加上单元格原来的宽度，计算得出新的宽度； 5.边界才可拖动并改变光标样式：这个是通过元素的offsetWidth和offsetX数据计算得出，只有在光标位于边框线两侧4px范围内的区域，才可以拖动，并且改变光标样式；下面附上代码

转载 div+css浏览器兼容实例二：css hack的理解

阅读更多关于转载 div+css浏览器兼容实例二：css hack的理解

上周给大家转载了《Div+css浏览器兼容实例分析（一）》，今天继续给大家转载《div+css浏览器兼容实例二：css hack的理解》。先来说一下什么是css hack ，写了这么久的 div+css 代码，我还真不知道这个hack是什么？上网仔细查了一下。简单的说针对不同的浏览器写不同的 CSS code 的过程，就叫 CSS hack , 也叫写 CSS hack 。 Css hack 的原理：由于不同的浏览器对 CSS 的支持及解析结果不一样，还由于 CSS 中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的 CSS 。比如 IE6 能识别下划线 "_" 和星号 " * " ， IE7 能识别星号 " * " ，但不能识别下划线 "_" ，而 firefox 两个都不能认识。等等书写顺序，一般是将识别能力强的浏览器的 CSS 写在后面浏览器优先级别 :FF < IE7 < IE6 , CSS hack 书写顺序一般为 FF IE7 IE6 来看下面 div+css浏览器兼容的例子： #demo {width:100px;} /* 被 FIREFOX,IE6,IE7 执行 .*/ * html #demo {width:120px;} /* 会被 IE6 执行 , 之前的定义会被后来的覆盖 , 所以 #demo 的宽度在 IE6 就为

springmvc开发过程中遇到的奇怪浏览器问题

阅读更多关于 springmvc开发过程中遇到的奇怪浏览器问题

最近个人开发一个小的OA项目,属于复习阶段.使用的技术主要是spring mvc作为前端框架,mybatis作为数据库持久化技术.前台使用jquery和一些jquery的插件. 在开发到中间阶段时候发现自己好像忽略了一个小问题,整个项目一直在firefox下测试,没有在IE下测试,不确定是否会出现兼容问题.由于jquery的天生兼容性良好,我就没有过多的关注.在项目接近收尾阶段,我开启了IE测试,不过这次发现确实存在了兼容性问题,而且问题非常严重. 由于为了简便,我在提交表单的操作上采用jquery.form.js,这个组件.它提供了ajaxSubmit这个方法,能够进行异步表单提交,并在提交成功后,执行success函数.我的系统在一个表单页面既有普通的内容,也有file标签,进行文件上传的控制.springmvc的controller中需要写一段这样的代码:[code="java"]MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;[/code]这是为了将普通的httprequest转换为spring的request,进而获取文件流等信息.在ajaxSubmit这种提交请求下,firefox下面测试完全正常,能够顺利上传,执行回调函数