文章关键字 ‘兼容性’

巧用浏览器CSS属性值的不兼容向下兼容hack技巧

2016年10月25日,星期二

CSS3中有很多好的特性,例如box-shadow盒阴影,但是,唯一的问题是IE8浏览器不支持,如果是对外的PC站点,则IE8浏览器不可不顾,尤其一些受众广泛的网站。

怎么办呢?我的做法往往是这样,IE9+浏览器使用box-shadow阴影,而IE7,IE8浏览器使用border线框。

我们一般采用一些CSS hack技巧,例如使用:root伪类,从功能上满足了我们的开发需求,但提高了我们的CSS权重,很容易增加我们CSS代码的复杂度,那有没有更好的实现呢?

阅读全文…

ieBetter.js-让IE6-IE8拥有IE9+,Chrome等浏览器特性

2013年12月18日,星期三


时代发展,事物变化。现代浏览器超过半壁江山,其API足以支持大规模的应用。如果就因为IE6-IE8这些浏览器的兼容性问题拖累,现代浏览器也要跟着加载其实可以不要的jQuery等框架,那现代浏览器发展的价值又在什么地方呢?于是自己整了个ieBetter.js. 让IE6-IE8拥有IE9+, Chrome等浏览器特性,也就是是要规范的API,而现代浏览器几乎没有任何的变化,该如何使用还是如何使用。最大化现代浏览器的发展价值,同时兼容IE6-IE8。这种“趋同策略”对于中小项目,简单页面而言是最佳策略,至少我自己是这么认为的。

试一下,这是个另外不同的世界!

阅读全文…

HTML5 progress元素的样式控制、兼容与实例

2013年02月21日,星期四

如题,本文着重讲解HTML5 progress元素的一些相关东西,以便您可以在实际项目中应用。一如既往,多多demo,多多截图,必要的源代码展示。总之,希望本文的内容能够对您的学习或工作有所帮助。

阅读全文…

HTML5 Boolean类型属性(如required)值的JS获取

2012年12月11日,星期二

HTML5 Boolean类型属性,看上去跟普通属性没什么两个,深入处理才发现事情没有想象的那么简单,尤其最近IE10浏览器的出现,更是血雨腥风,其兼容性问题夸张地令人啧舌,甚至最新版本的jQuery都无法避免地出现了bug.

本文就将详尽展示各种条件下,Boolean类型属性(如required)值,让你可以独眼龙看告示——一目了然地知道bug出在哪里,哪些浏览器上。本文还提供各种库的的兼容性修复方案,并作了简单扩展。基本上1~2天时候的测试与处理,本文的数据相信会对您的学习有所帮助的。

阅读全文…

不使用JavaScript让IE浏览器支持HTML5元素

2012年07月20日,星期五

如果我们不做什么手脚的话,IE6~IE8浏览器不支持HTML5元素, <nav>, <header>, <footer>, <article> …
然而,前篇Google前端规范HTML部分中提到:要使用语义的HTML5元素作为text/html, 考虑到Google不可能把IE8等浏览器弃之不顾,因此,肯定是有什么方法可以让IE6~8浏览器也支持HTML5元素的……

本文就将介绍几个不使用JavaScript实现IE浏览器支持HTML5元素的方法,希望本文的内容能够对您的学习有所帮助。

阅读全文…

W3C DOM异常对象DOMException介绍

2012年05月14日,星期一

最近用jqmobi折腾个小项目,由于框架本身一起其他使用原因,连续遇到DOMException 12以及DOMException 7错误。查阅各个资料,发现国内几乎没有相关比较系统的文章。为方便他人以及自己查找匹对,故这里整理一篇小文。希望可以对以后遇到DOMException错误的同行们提供一些帮助。

阅读全文…

获取元素CSS值之getComputedStyle方法熟悉

2012年05月8日,星期二

我们都用过jQuery的CSS()方法,其底层运作就应用了getComputedStyle以及getPropertyValue方法。
对于那些只想混口饭吃的人来讲,晓得CSS()如何使用就足够了。对于希望在JS道路上越走越远的来人说,简单了解一些JS库底层实现对自己的学习很有帮助。可能谈不上信手拈来的使用,至少对创造一些创意新颖的新技术拓宽了思路。
jQuery为何受欢迎,其中原因之一就是方法名称比……

阅读全文…

漫谈js自定义事件、DOM/伪DOM自定义事件

2012年04月1日,星期日

js自定义事件、DOM自定义事件
最近文章产量虽多,但大多都是短篇。本文断断续续折腾了差不多有一周,现在终于出炉了。主要是介绍了JS的自定义事件以及如何在DOM元素上自定义事件。循序渐进,娓娓道来,纯粹JS知识与理论。详尽的代码展示,制作精良的demo测试页面,必要的截图示意,相信本文的内容会对您的学习有所帮助的(如果你对JS有兴趣的话),不信?读一读就知道了。

阅读全文…

HTML5 placeholder实际应用经验分享及拓展

2012年02月6日,星期一


目前,现代浏览器均早已支持placeholder占位符属性。好定西不用白不用啊,因此,在前年,我就将HTML5的placeholder占位符属性应用在实际项目中了。在这一年多的应用中,还是有些磕磕碰碰,在此作为经验分享下。一来加深大家与placeholder的认识,二是希望大家可以积极大胆应用一些HTML5的新特性。
然后,还要对占位符的一些应用做扩展。本文是个排得上位置的长篇,内容多而杂,不过demo啊,截图啊,实例的,代码的都很详尽,内容也都是些值得话时间咀嚼的东西…… 相信会对您的学习有所帮助的。

阅读全文…

拾人牙慧:不同浏览器如何渲染不同border-style值

2011年09月29日,星期四

本文更多的是展示。展示不同浏览器如何渲染不同border-style值的。内容还是比较受用的。其他我就第一次先不说什么了。

阅读全文…