您当前的位置: 首页 » DIV+CSS编程 » css最新兼容技巧，兼容IE6,IE7,FF,Opear,Safari
css最新兼容技巧，兼容IE6,IE7,FF,Opear,Safari
论坛链接
在浏览器内核一代代升级的同时，使用不同内核浏览器的人也越来越广化，因此在编写程序、网页布局时，对浏览器兼容性要求也越来越高了。此时，一个完整的解决方案是业界好手的不断追求，毕竟浏览器统一化是一个遥远的梦。
之前，做模板一向只是兼容IE6、IE7、FF，毕竟使用这几种浏览器的人较多；
这次，因为机子重装后，用上了Opear做主浏览工具，因此重新把Opear的兼容也考虑在了制作之中。在网上找了一下，从新更新了一下CSS hack，记录下来以备日后用。更新CSS hack，兼容FF、IE6、IE7、Opear、Safari。IE由于在不同的DTD上渲染的模式不同，“_”这个hack的使用要注意页面是否使用了DTD或XML申明（<?xml version="1.0" encoding="utf-8"?>）。IE7对样式的解释跟DTD是有关，在没有DTD的时候，IE7是读取IE6的hack的
html*.classbackground-color:#FF00FF( }
background-color:#000000;/*OP*/*background-color:#0000FF;/*IE7*/
* html .class{/*IE6*/
background-color:#00FFFF}
.class{
background-color:# FFFF00;/*所有浏览器*/
* background-color:#00FF00;/*IE*/
background-color:# 00FFFF;/*IE6*// @media all and(min-width:0){.class{
background-color:#FF00FF; /*Opera */
} }/*只有Opera识别*/
@media all and (min-width:0){
}/ a.class{
background-color:#FF00FF; /*Opera和Sa */
shtml* .class{
Cbackground-color:# 808080; /*Sa*/}
- }
之前，做模板一向只是兼容IE6、IE7、FF，毕竟使用这几种浏览器的人较多；
这次，因为机子重装后，用上了Opear做主浏览工具，因此重新把Opear的兼容也考虑在了制作之中。在网上找了一下，从新更新了一下CSS hack，记录下来以备日后用。更新CSS hack，兼容FF、IE6、IE7、Opear、Safari。IE由于在不同的DTD上渲染的模式不同，“_”这个hack的使用要注意页面是否使用了DTD或XML申明（<?xml version="1.0" encoding="utf-8"?>）。IE7对样式的解释跟DTD是有关，在没有DTD的时候，IE7是读取IE6的hack的
html*.classbackground-color:#FF00FF( }
background-color:#000000;/*OP*/*background-color:#0000FF;/*IE7*/
* html .class{/*IE6*/
background-color:#00FFFF}
.class{
background-color:# FFFF00;/*所有浏览器*/
* background-color:#00FF00;/*IE*/
background-color:# 00FFFF;/*IE6*// @media all and(min-width:0){.class{
background-color:#FF00FF; /*Opera */
} }/*只有Opera识别*/
@media all and (min-width:0){
}/ a.class{
background-color:#FF00FF; /*Opera和Sa */
shtml* .class{
Cbackground-color:# 808080; /*Sa*/}
- }
#2楼发布者：superadmin时间：2009-04-17 10:52:55
在对浏览器兼容性要求越来越高的时候，大家是否正在寻找一个完整的解决方案呢？更新版的CSS hack出炉啦，包括FF、IE6、IE7、Opear、Safari，需要注意的是IE由于在不同的DTD上渲染的模式不同，“_”这个hack的使用要注意页面是否使用了DTD或XML申明（<?xml version="1.0" encoding="utf-8"?>）。
.class{
background-color:# FFFF00;/*所有浏览器*/
* background-color:#00FF00;/*IE*/
_ background-color:# 00FFFF;/*IE6*/
}
@media all and(min-width:0){
.class{
background-color:#FF00FF; /*Opera */
} }/*只有Opera识别*/
@media all and (min-width:0){
.class{
background-color:#FF00FF; /*Opera和Sa */
html* .class{
background-color:# 808080; /*Sa*/
}
}}
已在实际工作中应用，叨客同时也欢迎大家提供更好的解决方案。
.class{
background-color:# FFFF00;/*所有浏览器*/
* background-color:#00FF00;/*IE*/
_ background-color:# 00FFFF;/*IE6*/
}
@media all and(min-width:0){
.class{
background-color:#FF00FF; /*Opera */
} }/*只有Opera识别*/
@media all and (min-width:0){
.class{
background-color:#FF00FF; /*Opera和Sa */
html* .class{
background-color:# 808080; /*Sa*/
}
}}
已在实际工作中应用，叨客同时也欢迎大家提供更好的解决方案。