CSS兼容方案最新的一些技巧

CSS兼容方案最新的一些技巧-浏览器兼容教程

让你的样式完美兼容各大浏览器，这个方案主要是用来解决Safari的，Opear是在测试的时候顺带试了一下，结果发现竟然也行，所以顺便也解决了。

.e {/*FF OP*/
background-color: #FF0000
}
html* .e{/*Sa IE7 OP*/
background-color:#FF00FF
}
* html .e{
background-color:#000000;/*OP*/
*background-color:#0000FF;/*IE7*/
}
* html .e{/*IE6*/
background-color:#00FFFF
}

经FF2、OP9.21、OP9.10、Sa3.0.3(pc)、IE7、IE6测试通过，假如你在其他的浏览器版本上测试过，欢迎给我留言，把结果告诉我。

　　需要注重的是：IE7对样式的解释跟DTD是有关，在没有DTD的时候，IE7是能读取IE6的hack的。

时间： 2024-07-28 15:15:20

CSS兼容方案最新的一些技巧的相关文章

CSS兼容的技巧

CSS教程:CSS兼容的技巧-浏览器兼容教程让你的样式完美兼容各大浏览器,这个方案主要是用来解决Safari的,Opear是在测试的时候顺带试了一下,结果发现竟然也行,所以顺便也解决了. .e {/*FF OP*/ background-color: #FF0000 } html* .e{/*Sa IE7 OP*/ background-color:#FF00FF } * html .e{ background-color:#000000;/*OP*/ *background-color:#0

CSS兼容：如何兼容IE7和IE8-Div+CSS教程

CSS兼容问题已经是CSS网页布局技术中的重要组成部分,也让广大的CSSer大为头疼,虽然介绍过不少相关的知识与技巧,但是随着IE8的越来越广泛的安装应用,对IE7和IE8的兼容问题,也颇受关注. 在以前的文章中Mb5u.com向大家说明,IE8会是福音还是又一个光环据称全面兼容标准. 今天向大家介绍如何解决IE7和IE8的兼容性问题. 微软在IE8提供三种解析页面的模式 IE8 Standard Modes :默认的最标准的模式,严格按照W3C相关规定 IE7 Standards Modes

IE8的一个BUG：Hack 兼容方案

字体真是个麻烦的东西,然后又是个重要的东西.为以更方的解决字体问题,就像上次推荐的<再谈 Web 默认字体>,为了Pixel Perfect,我们不断纠结.像支付宝在CSS Reset中是这样写的: body{font:12px Tahoma,Helvetica,Arial,'宋体',sans-serif} 而淘宝这样写: body, button, input, select, textarea {font:12px/1.5 tahoma,arial,'宋体',sans-serif;}

让css兼容IE7和IE8

随着IE8的越来越广泛的安装应用,对IE7和IE8的兼容问题,也颇受关注. CSS兼容问题已经是CSS网页布局技术中的重要组成部分,也让广大的CSSer大为头疼,随着IE8的越来越广泛的安装应用,对IE7和IE8的兼容问题,也颇受关注. 今天向大家介绍如何解决IE7和IE8的兼容性问题. 微软在IE8提供三种解析页面的模式 IE8 Standard Modes :默认的最标准的模式,严格按照W3C相关规定 IE7 Standards Modes :IE7现在用的解析网页的模式,开起机关是在<he

css兼容调试常见情况及解决方法

css兼容调试常见情况及相应方法,阅读css兼容调试常见情况及相应方法,一.CSS HACK以下两种方法几乎能解决现今所有HACK.1, !important随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该

FireFox和IE中的CSS兼容差异及解决方案

1.css在不同浏览器下显示效果不同 firefox和IE对某些css样式的认定有不少区别,包括: ul和ol的默认padding值是不一样的,在Firefox中,padding-left默认值为40px左右,而IE中为0,一般设置ul{margin:0;padding:0;}就能解决大部分问题对字体大小small的定义不同,Firefox中为13px,而IE中为16px,差别挺大,也只能设置为14px了事:(暂时没有发现) 并列排列的多个元素(图片或者链接)的代码中的空格和回车会造成元素之间

IE与Firefox的CSS兼容问题

如果实在没有办法解决一些细节问题,可以用这个方法.FF对于"!important"会自动优先解析,然而IE则会忽略 IE与Firefox的CSS兼容大全 1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 4.FF

学习CSS优化的十八项技巧

css|技巧|优化一.使用css缩写使用缩写可以帮助减少你CSS文件的大小,更加容易阅读.css缩写的主要规则请参看<常用css缩写语法总结>,这里就不展开描述. 二.明确定义单位,除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误.在HTML中你可以只写width=100,但是在CSS中,你必须给一个准确的单位,比如:width:100px width:100em.只有两个例外情况可以不定义单位:行高和0值.除此以外,其他值都必须紧跟单位,注意,不要在数值和单位之间加空格. 三.区分大

CSS兼容要点分析

css IE vs FFCSS 兼容要点: DOCTYPE 影响 CSS 处理 FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中 FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一