CSS hack兼容 IE6 / IE7 /IE8 /Firefox实例

有时总遇到CSS兼容问题,对一个不是专业的人来说头疼,在这里贴一下遇到的兼容问题把用的方法:CSS <wbr>Hack: <wbr>区分 <wbr>IE6 <wbr>/ <wbr>IE7 <wbr>/IE8 <wbr>/Firefox

 

selector{
property:value;
property:value\9;
+property:value;
_property:value;
}

虽然短小,但是总结了css的特点

.sofish{
        padding:10px;
        padding:9px\9; /* all ie */
        padding:8px\0; /* ie8-9 */
        *padding:5px; /* ie6-7 */
        +padding:7px; /* ie7 */
        _padding:6px; /* ie6 */
}
css兼容顺序
firefox>IE7.IE8>IE6
示例:
.pri_v span.yen{width:10px;margin-left:128px;*margin-left:128px;_margin-left:64px;}

      ps:如果你发现按我这样写还是有问题的话,请查看一下你的html头,看看<head>之前的内容是不是这样的标准写法

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 

      这个是现在比较规范的写法,如果你是用dreamweaver做页面的话,默认也是这种规范的,切记,非这种规范写法的,兼容性不能保证


文章如转载,请注明:转载自:第九街-PHP[http://www.9streets.cn/]
本文链接地址:
发布者:9streets于 2010-07-21 发表 | 我要评论(0) | 阅读次数(2042)

转播到腾讯微博


首页第九街博客由来关于博主联系博主免责条款隐私保护九街项目流程 | 网站地图 | 申请友情链接