现在设计网页要兼容的浏览器越来越多了,像google也刚出推出了Google Chrome浏览器(还不知道兼容性如何),这些浏览器又不能达到统一,所以不同浏览器出现差异,网页制作难度也加大了。
  在对浏览器兼容性要求越来越高的时候,大家都在寻找一个完整的解决方案,更新的CSS hack出炉啦,包括FF、IE6、IE7、Opear、Safari,需要注意的是IE由于在不同的DTD上渲染的模式不同,“_”这个hack的使用要注意页面是否使用了DTD或XML申明(<?xml version=”1.0″ encoding=”utf-8″?>)。

  (以下代码从cssforest获得)

阅读全文...

  CSS hack:区分IE6,IE7,firefox

  区别IE6与FF:

background:orange; *background:blue;

  区别IE6与IE7:

background:green !important; background:blue;

  区别IE7与FF:

background:orange; *background:green;

  区别FF,IE7,IE6:

background:orange; *background:green !important; *background:blue;

  注:IE都能识别*;标准浏览器(如FF)不能识别*;

  IE6 能识别*,但不能识别 !important,

  IE7 能识别*,也能识别 !important;

  FF 不能识别*,但能识别 !important;

IE6 IE7 FF

*

×

!important

×

  另外再补充一个,下划线”_”,

  IE6支持下划线,IE7和firefox均不支持下划线。

  于是大家还可以这样来区分IE6,IE7,firefox

: background:orange; *background:green; _background:blue;

  PS:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。

阅读全文...

CSS hack

2007-12-09

  上次去面试,面试我的那帅哥问我CSS hack方面内容。[face73]有点晕晕的,哎,怪我了解的太少了,于是我在网上查了查:

  什么是CSS hack
  由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。

  这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。

阅读全文...