https://static.iklfy.com/static/images/index/20.jpg

jQuery获取浏览器中的分辨率

$ (document).ready(function(){
    //浏览器当前窗口可视区域高度
 alert($ (window).height());
 //浏览器当前窗口文档的高度
  alert($ (document).height());
   //浏览器当前窗口文档body的高度
  alert($ (document.body).height());
  //浏览器当前窗口文档body的总高度 包括border padding margin
 alert($ (document.body).outerHeight(true));
 //浏览器当前窗口可视区域宽度
 alert($ (window).width());
  //浏览器当前窗口文档对象宽度
 alert($ (document).width());
    //浏览器当前窗口文档body的高度
  alert($ (document.body).width());
   //浏览器当前窗口文档body的总宽度 包括border padding margin
 alert($ (document.body).outerWidth(true));
  
    //显示器分辨率,只能用JavaScript代码获取
  alert(screen.height);
   alert(screen.width);
})

https://static.iklfy.com/static/images/index/1.jpg

CSS透明度在各浏览器下的兼容

几款浏览器对透明度的支持方式各不相同,为了保证在IE, Firefox, Chrome, Safari等主流浏览器下都能正常显示透明度的效果,我们可以定义一个透明度的class,因为一写就要写3条,省的每次都复制来复制去了。
具体代码如下:
.transparent{
filter:alpha(opacity=60); /*支持 IE 浏览器*/
-moz-opacity:0.60; /*支持 FireFox 浏览器*/
pacity:0.60; /*支持 Chrome, Opera, Safari 等浏览器*/
}