网页设计师必备知识IE Hack

做过web开发的朋友或许都知道浏览器的不兼容问题，造成这种的原因是浏览器厂商之间对html的解释标准不统一造成的。所以对于网页设计师来说，写出高性能高兼容性的页面则是一大必备技能。有人要问了，对于刚入门的程序员怎么才能做到这一点呢？当然，我的建议是多写页面，多查资料，多思考。

抛去浏览器之间的区别咱不说，咱今天就谈谈如果出现了距离像素的偏差应该怎么办？其实，好多次我都提到过，专业的页面设计师一定要先在FF浏览器下调通，因为他是最符合W3C标准规范的，然后再放到IE浏览器下再个别去调差异，对于怎么去调差异呢，下边我将介绍其中方法之一。

对于像素大家都不陌生，一像素指的就是屏幕上的一个点。如果物理再好的话，就跟以前高中学过的电子管一样，一个像素就是一个光电子打到屏幕上的点，一个抽象化的量词，当然液晶显示器肯定不能这样理解，因为他不是光电管的。咳~。便于理解。

所以呢，我们在调整页面的时候经常会出现padding：10px或者margin：10px；这个距离就是像素距离也就是dom元素之间的内外距离。但是令人不爽的是同样的是10px有时候IE和FF下会有很大差别。怎么解决这个问题呢？下面引用一段代码。

div {
padding:10px;
#padding:10px; /* 只有IE7支持的符号 */
_padding:10px; /* 只有IE6支持的符号 */
*padding:10px; /* for all IE */
}
当我们使用的css属性，前面加上一个标示符#,_或者*，这样的属性只会被IE浏览器解释。所以，当我们发现浏览器距离差异问题，我们就可以使用这个办法。FF只会解释padding的值，其他的一概忽略。所以原来调好的FF页面根本不需要修改，只需要加上特殊符号比如_，这样的属性只被IE解释，导致_padding后边的值就会覆盖之前的pappding值。因为这两个属性IE都能解释出来，根据CSS的原则，后边的属性会覆盖前面的属性，所以我们只需要对着IE浏览器，调整_paading后边的像素，根本不需要理会FF，因为你怎么调整后边的px，FF都不会改变，所以这种方式就可以帮助我们改正间距大小不一致问题。嘿嘿，简单吧~

技术的进步源于不断的学习和交流~