美工在设计网页时除了需要掌握html及css代码方面的知识外，还需要考虑ie兼容型问题。往往兼容问题会给美工带来很多烦脑，原本在ie7或firefox下看的很好的网页放到ie5或更低版本中就会错位，网页面目全非，然而检查代码却找不出任何问题。这时你就的考虑到是浏览器版本造成的。下面具体讲解下。
一、盒模型概念
在网页中的段落、图片，层等很多元素css看作是盒子。好比一个大的纸盒子里放了一块蛋糕，那么这个蛋糕好比是一个图片。蛋糕边缘距纸盒侧边的距离成为内边距(padding)，网页中会包含很多类似的元素，那么元素间的距离称为外边距(margin)。
二、IE中何模型问题所在
到底问题怎么出现的呢？问题现象又是怎么样的呢？当然ie6以上或其他浏览器不存在这个问题，只会在低版本的ie下出现。以下举个例子说明。
定义一个盒子：p{ border:10px solid #3b5998; padding:30px; width:200px;}
正常情况下元素P的宽度是280像素，但ie5浏览器分析给出的宽度是120像素。
三、如何解决这个问题
由于ie6以下版本几乎没有人用，可以忽略这个问题。为了追求完美，可以采取这样的方法：添加一个ie5不认识的属性"voice-family"，浏览器分析到这个不认识的属性时就会停止，而其他浏览器仍然会继续执行。在此贴出css代码:p{ border:10px; solid #3b5998; padding:30px; width :280px; voice-family:"\"}\""; voice-family:inherit; width:200px;}。 |
24小时电话：