最新CSS兼容方案
浏览器在不断更新,可使用的hack也需要更新下了,继上一篇《 最新CSS兼容方案 》之后,Opera和Safari都已经更新了版本,IE8也出来了,还有一个Chrome。新版本的Opera 9.6 和Safari 3.2.3分别有一个hack不能使用了,具体为:
Opear:
*+html .e{
background-color:#0000FF;/* OP */
}
Safai:
@media all and (min-width:0){ select{ ... }}
还好发现了另一个Safari可以用的hack,Chrome和Safari的hack一样,还无法单独区分。另外“[; … ]”中的内容只有Opera读不到,注意“[]”要成对出现,不然Opera下会导致后面的样式无法读取。重新整理的hack如下:
.e{
color:#FFF;/* FF,OP,IE8 */
[;color:#0F0;]/* SF,CH */
*color:#FF0;/* IE7 */
_color:#F00;/* IE6 */
}
.e{
background-color:#332200;/* FF*/
}
html* .e{
background-color:#FF00FF;/* Sa IE7 CH */
}
*+html .e{
*background-color:#0000FF;/* IE7 */
}
* html .e{
background-color:#00FFFF;/* IE6 */
}
html*~/**/body .e{
background-color:#055000;/* IE8 */
}
@media all and(min-width:0){
.e{
background-color:#FF5500;/* OP */
}
}
经FF3、OP9.64、OP9.5.0、Sa3.2.3(pc)、Ch1.0.154.65、Ch2.0.172.28、IE7、IE6、IE8测试通过
分享到:
相关推荐
CSS兼容方案整理CSS兼容方案整理CSS兼容方案整理CSS兼容方案整理CSS兼容方案整理CSS兼容方案整理CSS兼容方案整理CSS兼容方案整理CSS兼容方案整理
CSS兼容方案
css样式调整方案 前台构架师必读 css兼容各种浏览器
css兼容的各种解决方案与实例css兼容的各种解决方案与实例
css 多浏览器兼容解决方案 下载,web制作必备。
CSS浏览器兼容性的各种代码解决方案
CSS兼容性问题解决方案[归类].pdf
最全的CSS浏览器兼容问题 CSS对浏览器的兼容性有时让人很头疼,或许当你了解当中的技巧跟原理,就会觉得也不是难事,从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写...
Javascript 多浏览器兼容性问题及解决方案 兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width 3、FF:...
内容有:excanvas.compiled.js(ie8使用canvas),
CSS兼容IE和Firefox的技巧集合,很多常见的bug解决方案!
总结归纳CSS最新技术及其浏览器兼容问题,完全精华材料。
css在firefox IE的兼容性(案例分析及解决方案) 12个常见 兼容性小例子(html文件附说明)
记录常见的移动版css兼容性问题,以及解决方案,供前端学习
关键是不同厂商,甚至同一厂商不同版本,对同一段CSS的解析效果也不一致,这就导致了页面显示效果不统一,也就带来了兼容性问题。 多么希望Chrome能够一统江湖啊~~ 目前各浏览器市场份额 浏览器这么多,我们也不可能...
NULL 博文链接:https://chemzqm.iteye.com/blog/692043
4种方案解决CSS浏览器兼容性问题 为什么会有浏览器兼容性问题? 还不是因为浏览器厂商太多了! Chrome,Frirefox,Safari,Edge,IE6,IE7,IE8,IE9…360安全浏览器,qq浏览器,世界之窗,TT,搜狗,opera,maxthon...
对于web2.0的过度,请尽量用...解决方案是在这个div里面加上display:inline; 例如: ”imfloat”> 相应的css为 #IamFloat { float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/ }
javascript和css在IE和Firefox中的不同点及解决兼容性的方案,一共有二十五点
到Internet Explorer 8为止,IE系列是不支持CSS3的。在IE中要做一些常用的效果如圆角、阴影,就需要用一些冗余而无意义的元素和图片来做出这些效果。在厌倦这些后,就想着用更为简洁、直接有效、CSS3式的办法来解决...