不灭的火

Amaze UI：中国首个开源 HTML5 跨屏前端框架

Layui：[荐]经典模块化前端框架（JS组件）

ZUI： 一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。

MZUI：为移动端设计，基于 Flex 的 UI 框架。

人一旦习惯了某些东西就很难去改，以及各种各样的原因，新的浏览器越来越多，而老的总淘汰不了。增长总是快于消亡导致了浏览器兼容是成了谈不完的话题。说到浏览器兼容，CSS HACK自然而然地被我们想起。今天，我们通常都有一个团队或者将有一个团队的人在一个公司里面做相同的事，需要我们有统一的规范来进行Coding，以方便维护。而解决兼容的方法就是（必须是，因为这才最容易有问题的）其中一个最重要的、要解决的规范之一。

网站变灰代码 支持IE、Safari、Chrome、Opera和Firefox等浏览器

方法一：

使用方法：在后台 -> 全局 -> 站点信息 -> 网站第三方统计代码

填写如下代码即可：

<script src="http://james.padolsey.com/demos/grayscale/grayscale.js"type="text/javascript"></script>

<script type="text/javascript">
window.onload = function() {
	grayscale(document.body);
}
</script>

这只是简单⽤法，其主要是调⽤jQuery中的ajax⽅法，这⾥写的东西都是给ajax⽅法传递的参数

IE6对插入的透明背景的.png的图片是不能正常显示的，IE会自动给“.png”格式的图片加个灰色背景。

可通过网友提供的一个JS函数实现PNG图片透明：

belatedPNG.js下载

font-family采用一种"回退"的形式来保存字体，可以写若干种字体。当第一种字体浏览器不支持的时候，会找第二种字体，一次类推。

font-family:tahoma,arial,\5b8b\4f53,sans-serif;

\5b8b\4f53  就是宋体，采用unicode编码，不采用Simsun编码，因为Firefox和Opera的某些版本不支持Simsun编码

var isIE=!!window.ActiveXObject;
var isIE6=isIE&&!window.XMLHttpRequest;
var isIE8=isIE&&!!document.documentMode;
var isIE7=isIE&&!isIE6&&!isIE8;
if (isIE){
    if (isIE6){
        alert("ie6");
    }else if (isIE8){
        alert("ie8");
    }else if (isIE7){
        alert("ie7");
    }
}

IE中：

document.body.clientWidth ==> BODY对象宽度

document.body.clientHeight ==> BODY对象高度

document.documentElement.clientWidth ==> 可见区域宽度

document.documentElement.clientHeight ==> 可见区域高度

在jQuery中有两个获取元素位置的方法offset()和position()。position()方法是在1.2.6版本之后加入的，为什么要引入这个方法呢？这两个方法之间有什么异同？使用的时候应该注意哪些问题？什么时候使用offset()，什么时候又使用position()呢？

问题 

通过点击一控件，在控件的下面显示一个浮动层，通常的做法是：获取此控件的offset值，再计算出浮动层的top，left等css属性的值，赋值即可。

那么下面就看一下如何获取控件的offset值。