前端-浏览器兼容性
OkidoGreen
这个作者很懒,什么都没留下…
展开
-
IE9中X-UA-Compatible失效的问题与值: 对象为 null 或未定义
好端端的W3C标准页面被硬生生渲染成IE5,惨不忍睹。而在F12工具中强制调成IE9标准渲染模式,全部正常。于是研究了一下问题在哪。关于X-UA-Compatible和IE的Quirks Mode模式,Google一下有很多说明,这里有三篇很详细的文章:[1] http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx转载 2014-03-06 09:59:08 · 6224 阅读 · 0 评论 -
关于IE11,我们所知道的以及我们所能预料到的 document.all不支持 ?
从IE 4开始,document.all在IE中举足轻重。比起document.getElementById()来说,document.all是IE方式的获取元素的引用的方法。尽管IE 5增加对DOM的支持,但document.all一直沿用至IE 10。而在Internet Explorer 11中终于被废弃了,这意味着在Internet Explorer 11中使用document.all转载 2014-03-06 10:35:04 · 4963 阅读 · 1 评论 -
CSS 实现图片灰度效果 兼容各种浏览器
CSS实现图片灰度效果就是通过CSS样式让彩色图片呈现为灰色,相当于把一张图像的颜色模式调整为灰度,CSS可以通过以下几种方法来实现灰度效果。方式1. IE滤镜img { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } //标准写法img { filter:Gray; } //简写转载 2014-03-03 07:13:51 · 4683 阅读 · 0 评论 -
clearfix清除浮动闭合容器之:after与:before
首先对伪类:before与:after做下注脚:before 伪元素在元素之前添加内容。:after 伪元素在元素之后添加内容。这2个伪元素允许创作人员在元素内容的 最前面/最后面 插入生成内容。默认地,这个伪元素是行内元素,不过可以使用属性 display 改变这一点。该二伪类不被IE6/7所支持。好了,进入正题在平常我们coding时候经常会发生子元素浮转载 2014-07-14 12:31:11 · 4138 阅读 · 0 评论 -
showModalDialog打开的页面需要跳转或刷新
问题描述:使用showModalDialog打开模式窗口(假设为page1.html),如果在page1.html中执行location.href='page2.html'执行页面跳转,则浏览器会在新窗口中打开page2.html,而不会将page1.html跳转到page2.html;上述情况,在很多场合下都常遇到,具体解决方法如下:1、在showModalDialog打开的窗口转载 2013-11-16 19:12:57 · 2243 阅读 · 0 评论 -
Chrome浏览器使用js刷新页面后参数丢失。
Chorme浏览器中使用诸如window.location.reload() 或者 window.location.refresh() 都会丢失 原页面中 url 参数目前先修改为 form.submit();该问题暂时没有解决。。原创 2013-03-01 13:05:28 · 5363 阅读 · 4 评论 -
js 去除字符串前后空格,及处理textarea存入数据库的转换
当通过插数据进数据的库,取出来后都变成一行变成,用这个标签能原样输入插入时的格式。 当时要对加一些CSS样式才行啦。以下为引用的内容: pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */原创 2013-01-10 09:49:55 · 4939 阅读 · 0 评论 -
判断360浏览器代码
以下是判断360浏览器代码: function Is360(){if (window.navigator.userAgent.toLowerCase().indexOf("360se")>=1)//如果浏览器为360{alert("别骗我了,这是360浏览器!");}if(window.external&&window.external.twGet转载 2013-08-23 15:54:43 · 2255 阅读 · 0 评论 -
使用X-UA-Compatible来设置IE浏览器兼容模式
x-ua-compatible 用来指定IE浏览器解析编译页面的modelx-ua-compatible 头标签大小写不敏感,必须用在 head 中,必须在除 title 外的其他 meta 之前使用。1、使用一行代码来指定浏览器使用特定的文档模式。 2、在一些情况下,我们需要限定浏览器对文档的解析到某一特定版本,或者将浏览器转载 2013-12-20 10:45:24 · 13644 阅读 · 0 评论 -
兼容IE、Firefox、Google的回车事件
[java] view plaincopyfunction randKeyDown(evt) { evt = (evt) ? evt : ((window.event) ? window.event : ""); keyCode = evt.keyCode ? evt.keyCode : (evt.which ? evt.which转载 2012-11-25 20:40:29 · 1416 阅读 · 0 评论 -
jquery.uploadify.3.2 试用(同时解决IE9 IE10 按钮无法点击的问题)
以前用的是版本2.1.4,这次看见更新后就尝试了一下,发现有很多改变。首先引入 js 和 css 当然jquery 是必不可少的接下来是代码://文件上传$(function() { $("#uploadify").uploadify({ 'auto' : false, 'method' : "post", 'heig原创 2012-12-05 10:49:21 · 158469 阅读 · 3 评论 -
IE7 中 div 背景透明的问题
111111111111111111111这种情况下是不透明的;但111111111111111111111或者111111111111111111111IE7 下就是透明的:按照结果来看,只要设置了宽度,IE7 下的 opacity就起作用了,不知道为什么,所以一些大型网站的透明效果还都是用 透明PNG 图片来实现吧。原创 2012-11-27 11:09:19 · 7535 阅读 · 0 评论 -
jquery ui dialog控件与 html5 兼容性问题
因为项目中 使用了html5 的某些元素,在IE 7 和8 中 不能识别这些元素,所以那些css即无法作用于这些元素。设计人员 使用了 google 提供的 html5.js 其中包含了 html5的新增元素,可以让IE9一下的浏览器识别。html5.js下载地址:http://code.google.com/p/html5shiv/如上使用即可。之前碰到的问题是原创 2012-12-11 12:04:44 · 3858 阅读 · 0 评论 -
Chrome浏览器不支持showModalDialog,且无法传递returnValue的解决方法
在调试的时候发现有2种情况1、当前页面 弹出div操作层中 使用showModalDialog2、当前页面弹出showModalDialog对话框中,使用showModalDialog大致解决方法:父窗口中,若浏览器为chrome,则设置window.opener.returnValue 传递returnValue(即父窗口的returnValue属性)同时modal窗口中,增原创 2012-11-19 13:44:17 · 6229 阅读 · 0 评论 -
URL中带加号的处理
问题起因: 客户订购了一关键字为"e+h 变送器" , 在首页推荐广告中,会根据用户在search 搜索过的关键字进行一个匹配投放。技术实现是UED 通过JS 获取cookie 中的h_keys 内容,拼装到 http://xxxxx/advert/ctp_advert.htm?num=4&keyword= {keyword} 。 这里取出来对应的cookie 信息为中文,最后通转载 2014-06-30 10:55:10 · 54721 阅读 · 2 评论