网页设计师必备知识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都不会改变,所以这种方式就可以帮助我们改正间距大小不一致问题。嘿嘿,简单吧~

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值