设计师浏览器调试工具:UtiluMF,IECollection

网页设计师最头疼的莫过于不同版本浏览器对于css样式、css box定义、解释的差异性,要兼顾到使用不同浏览器的网站访客,就要考虑到css样式表相对与绝大部分浏览器的兼容浏览效果、尽可能是一致的。

你要每个IE版本都安装一遍?每个fireFox都安装一遍?不需要!

CSS Hack | CSS补丁

  • IE5.5 only
    selector { property: value; p\roperty: normal-value; }
  • IE6 only
    * html #div{}
    or
    _color : orange;
  • IE 7 only
    *:first-child+html {}
  • IE8 Only
    .test { color /*\**/: blue\9 }

Position:Absolute|绝对位置 Z-index的理解

Position:Absolute - 绝对定位,div层会因为绝对位置出现层叠,对绝对位置的div层使用不同的Z-index定义,可以有效解决这个问题。

下面链接当中,使用了所见即所得的方式,让你手动控制div的绝对定位和Z-index值,快速、直观,便于css样式设计学习中,对:Position:Absolute|绝对位置 Z-index的理解。

http://tjkdesign.com/articles/z-index/teach_yourself_how_elements_stack.asp