|
|
在浏览器内核一代代升级的同时,使用不同内核浏览器的人也越来越广化,因此在编写程序、网页布局时,对浏览器兼容性要求也越来越高了。此时,一个完整的解决方案是业界好手的不断追求,毕竟浏览器统一化是一个遥远的梦。
之前,做模板一向只是兼容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*/}
- } |
|