8个不兼容ie 8的css样式写法（8 incompatible IE 8 styles written in CSS）.docVIP

8个不兼容ie 8的css样式写法（8 incompatible IE 8 styles written in CSS） internet explorer 8预设是以css 2.1为标准, 并修正了许多internet explore 7的css bug, 这意味着有一部份以往依据ie 7所设计的网页. 在ie 8上的呈现会有所出入, 所幸拜ie 7相容检视功能所赐, 目前因使用ie 8而导致版面错误的网站并不多. 但一值依赖ie 7相容检视功能并非长久之计, 尽早将网站修改为ie 8相容才是长久之计, 因为毕竟css是持续更新的, 现在不改, 日后大修的机会就更大. 不幸的是, microsoft官方并未提供关于ie 7及ie 8的css差异说明文件, 顶多只是告诉我们ie 8目前更趋近于css 2.1而非css 2.0, 因此笔者在造访许多网站后. 规类出8个最常见的差异供读者们参考. 1、起始座標位置 先天上, 7与ie 8在预设网页版面的起始位置就不同, 以下面的代码来说, 在ie 7及ie 8上启始的位置就有差异. ! doctype html public - / / / / / / / / / / / / / / / / / / / / / / / / / / / / dtds and w3c xhtml 1.0 transitional / / en http: / / www.w3. org / tr / xhtml1 / dtd / xhtml1 transitional. dtd html xmlns = http: / / www.w3. org / 1999 / xhtml. head title title / head body div style = 100px; height: width: 200px; border: solid 1px black div a href = http: / / / / / / / / / / / / / / hinet / a / p / p / a html (ie7) (ie8) 不过由于是整个偏移, 对网页的影响相当小. 2、div中的p 下面的执行结果呈现了ie 7及ie 8在处理div中的p之差异性. ! doctype html public - / / / / / / / / / / / / / / / / / / / / / / / / / / / / dtds and w3c xhtml 1.0 transitional / / en http: / / www.w3. org / tr / xhtml1 / dtd / xhtml1 transitional. dtd html xmlns = http: / / www.w3. org / 1999 / xhtml. head title title / head body div style = 100px; height: width: 200px; border: solid 1px black div p / p test form / p / p / a html (a) (ie 很明显的, 8中对于div中的p预设位置与ie 7不同, 7是将margin - top预设为0px, 排在最上方, the 8却未预设margin top. 解决方法是将margin - top加上. ! doctype html public - / / / / / / / / / / / / / / / / / / / / / / / / / / / / dtds and w3c xhtml 1.0 transitional / / en http: / / www.w3. org / tr / xhtml1 / dtd / xhtml1 transitional. dtd html xmlns = http: / / www.w3. org / 1999 / xhtml. head title title / head body div style = 100px; height: width: 200px; border: solid 1px black div p style = margin top: 0px / p test form / p / p / a / html (8 with margin top) 3、负数margin 许多网页设计师常常以负数的margin来定位html元素的位置, 目的是让该元素与