针对不同浏览器，可以将CSS Hack 网站设计代码整理如下1针对I E 系列浏览器的网站设计代码 针对 IE 6 的专属 CSS Hack 网站设计代码 #id _display block 也就是在网站设计CSS属性前加一个小划线就好 针对 IE 7 的专属 CSS Hack 网站设计代码 #id *displ；css设置透明度，首先需要知道的是在浏览器中的不同使用，一般在ie中用的是filteralphaopacity=0这个属性来设置div或者是块级元素的透明度，而在firefox中，一般就是直接使用opacity0，对于兼容的，一般的做法就是在书写css样式的将2个都写上就行，就能实现兼容，具体看代码 div1 width200px。

程序代码第一个兼容，IE FF 所有浏览器 公用其实也不算是兼容height100px第二个兼容 IE6专用_height100px第三个兼容 IE6 IE7公用*height100px介绍完了这三个兼容了，下面我们再来看看如何在一个样式里分别给一个属性定义IE6 IE7 FF专用的兼容，看下面的代码，顺序不能错哦程序代码height100px*h；100上面代码可以直接使用了，如果要设置元素悬浮边距，要分别为设置两次，比如我要让某个元素距顶部10个像素，距左部也是10个像素，那就要这样子写？* 除IE6浏览器的通用方法 * ie6fixedTL positionfixedleft10pxtop10px* IE6浏览器的特有。

代码说明1minwidth220px本身在ie7下是不起作用的不兼容，通过displayinlineblock让其他非IE7浏览器实现minwidth效果2但是ie7没实现displayinlineblock不兼容3引入css hack代码*displayinline，即可实现IE7minwidth220px；offy=1，color=whiteDropshadowoffx=0，offy=1，color=whiteDropshadowoffx=1，offy=0，color=whitetextshadow0 0 1px #FFF ie用滤镜，火狐用css3 中文描边效果。

css浏览器兼容性写法

1、1ie8下兼容问题，这个最好处理，转化成ie7兼容就可以在头部加如下一段代码，然后只要在IE7下兼容了，IE8下面也就兼容了 2flaot浮动造成IE6下面双倍边距问题，这个最常见，也最好处理，！important解决，比如 marginleft10px ！important*IE7，IE8，FF下是10PX*marginleft5px*。

2、跨浏览器兼容是个永恒的话题，其实只要坚持用CSS的规范书写CSS的代码，就不会产生什么不兼容的问题 hack针对的是像IE6等那些老版本的浏览器它们都将会淘汰而且现在每个浏览器更新的版本中对CSS的解释器都是根据CSS规范编写的所以以后的CSS兼容问题都将消失#wrapperwidth 100px！important。

3、碰到频率100%解决方案CSS里加一行1*margin0padding0备注这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁是0浏览器兼容问题二块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置的大问题症状常见症状是IE6中庆激昌后面。

4、chrome浏览器跟Opera浏览器一样，都是用Webkit内核，要兼容Webkit内核写css样式的话，如下 media all and minwidth0px review height100px 兼容fox的写法，如下 media screen and webkitmindevicepixelratio0 review height100px。

css ie兼容写法

1、用CSS hack 来解决，比如 css height100px_height100px 只在IE6起作用。

2、将以下代码加入Global CSS 中，给需要闭合的div加上 class=quotclearfixquot 即可，屡试不爽* Clear Fix *clearfixaftercontentquotquotdisplayblockheight0clearbothvisibilityhiddenclearfixdisplayinlineblock* Hide from IE Mac *clearfix displayblock* End hide from IE Mac。

3、参考下面的代码 CSS全兼容根据内容自适应高度 lt！ leftwidth200pxfloatleftbackground#ccccolor#minheight100pxheightauto ！importantheight100pxoverflowvisible rightwidth200pxfloatleftbackground#999color#fffheight100pxtextalignright。

4、用CSS条件注释实例如下lt！–if XXX 这里是正常的html代码 lt！endif– 在此列表几个出来，详细介绍各自的含义lt！–if IE 如果浏览器是IE lt！–if IE 5 如果浏览器是IE 5 的版本 lt！–if IE 6 如果浏览器是IE 6 的版本 lt！–if IE 7。

5、尊敬的用户，您好很高兴为您答疑 因为火狐严格遵循W3C标准，而IE有一些自己特定的样式属性和对样式属性的解析，故尚不存在一劳永逸的所谓快速的代码，只有具体情况具体分析目前最多最普遍的使用hack法进行多浏览器的兼容希望我的回答对您有所帮助，如有疑问，欢迎继续咨询我们。

6、这个属性来设置div或者是块级元素的透明度，而在firefox中，一般就是直接使用opacity0，要做到兼容就是在css中2种都写到，具体看下代码\x0d\x0a\x0d\x0a\x0d\x0a#div1\x0d\x0awidth200px\x0d\x0aheight600px\x0d\x0amargin0 auto \x0d\x0aopacity0\x0d\x0。

7、_确实是只有 IE6才识别的IE7也识别的原因，可能是写了和_一样的属性比如_width60px width60px 这样IE6，7表现就是一样的了 ！important主要作用为提升定义类的优先级体现出来是保证有些全局属性不被覆盖+和*号IE6，7都能识别的 IE6 对两个相邻的都是左浮动的层，设定margin。

8、解决方法在P对象上下各加2个空的div对象CSS代码1height0pxoverflowhidden或者为DIV加上border属性12 IE6下为什么图片下有空隙产生 解 决这个BUG的方法也有很多，可以是改变html的排版，或者设置img 为displayblock 或者设置verticalalign 属性为 verticalaligntop bottom middle textbottom。