思洋互动网站建设学前班

以下的文章主要像大家重点讨论一下CSS HACK和浏览器兼容问题的解决方法，这里包括了8个非常有用的解决办法,在进行CSS设计遇到问题时你就会用到它们。

CSS HACK和浏览器兼容问题的解决方法

一.介绍

这篇文章包括了8个非常有用的解决办法,在进行CSS设计遇到问题时你就会用到它们。
广州网站建设,网站建设,广州网页设计,广州网站设计

二.针对浏览器的选择器

这些选择器在你需要针对某款浏览器进行CSS设计时将非常有用.

IE6及其更低版本

*html{}

IE7及其更低版本

*:first-child+html{}*html{}

仅针对IE7

*:first-child+html{}

IE7和当代浏览器

html>body{}

仅当代浏览器(IE7不适用)
广州网站建设,网站建设,广州网页设计,广州网站设计

html>/**/body{}

Opera9及其更低版本

html:first-child{}

Safari

html[xmlns*=""]body:last-child{}

要使用这些选择器,请将它们放在样式之前.例如:

1. #content-box{  
2. width:300px;  
3. height:150px;  
4. }  
5. *html  
6. #content-box{  
7. width:250px;  
8. }/*overridestheabovestyleandchanges  
9. thewidthto250pxinIE6andbelow*/ 

三.让IE6支持PNG透明

一个IE6的Bug引起了大麻烦,他不支持透明的PNG图片.

你需要使用一个CSS滤镜

1. *html#image-style{  
2. background-image:none;  
3. filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="fil  
4. ename.png",sizingMethod="scale");  
5. }