摘要： 不同浏览器的兼容性，一直是做前端开发的重要问题之一。特别是在IE下，会有许多需要注意的细节。在此记录一下我曾遇到过的一些问题和查找到的解决方法。1、文字本身的大小不兼容。 同样是font-size:14px的宋体文字，在不同浏览器下占的空间不一样。ie下实际占高16px，下留白3px，ff下实际占高17px，上留白1px，下留白3px，opera下就更不一样了。解决方案：给文字设定line-height。确保所有文字都有默认的line-height值。不然不同浏览器下排版会乱套。2、ff下容器高度限定。 容器定义了height之后，容器边框的外形就确定了，不会被内容撑大，而ie下是会被内容.. 阅读全文

摘要： 当父元素的class定义了background，子元素如果是利用class定义background-position则无效，必须用id定义！ 阅读全文

摘要： 设计网页的时候经常会遇到清除浮动的问题，在此记一下清除浮动的几个方法。1）空标签。常用<div>，为其定义CSS代码：.clear{clear:both;}。用在具有浮动属性元素之后2）overflow属性。用在具有浮动属性元素的父容器中。.father{overflow:auto;zoom:1;} “zoom:1”用于兼容IE63）after伪对象清除浮动。用在具有浮动属性元素的父容器中。.father:after{display:block;clear:both;content:".";visibility:hidden;height:0} 阅读全文

摘要： 不同浏览器下，table的高不一直。导致排版很难看。结果是每个浏览器的table边距不一致。设置成cellpadding="0" cellspacing="0" 就ok了。tr的height和line-height也可以设置一下。 阅读全文

摘要： 一般网页上做的登陆界面，点击回车后都会自动提交登陆信息。几行代码就能实现，在此记录一下。密码输入框：1 <input type="password" id="loginIn" onkeydown="onKeyDownLogin(event)"/>javascript代码：1 function onKeyDownLogin(event)2 {3 if(event.keyCode==13){ //按下回车的时候4 checkIn();5 }6 } 阅读全文