以前在写CSS的时候,一直都是以Mozilla Firefox3.0为基准,再根据IE的差别来写hack的。所以写得很多都是关于IE6、IE7、IE8方面的兼容,对于Opera、Chrome、Safari这些浏览器的兼容关注得比较少。今天在浏览网页的时候,看到CSS森林那里有一篇最新CSS兼容方案,自己看了感觉还不错。虽然很多都是自己知道,但关于Opera、Chrome、Safari这些自己还是会有一些搞混。毕竟Hack并不是越多越好。下面先记一些这些自己以后可能会用到的兼容写法!

  1. .e{
  2. color:#FFF;/* FF,OP,IE8 */
  3. [;color:#0F0;]/* Sa,CH */
  4. *color:#FF0;/* IE7 */
  5. _color:#F00;/* IE6 */
  6. }
  7. .e{
  8. background-color:#332200;/* FF*/
  9. }
  10. html* .e{
  11. background-color:#FF00FF;/* Sa IE7 CH */
  12. }
  13. *+html .e{
  14. *background-color:#0000FF;/* IE7 */
  15. }
  16. * html .e{
  17. background-color:#00FFFF;/* IE6 */
  18. }
  19. html*~/**/body .e{
  20. background-color:#055000;/* IE8 */
  21. }
  22. @media all and(min-width:0){
  23. .e{
  24. background-color:#FF5500;/* OP */
  25. }
  26. }

上面的代码自己都测试过了。没什么问题(除了IE8,自己机上装不了。)

转载于:https://blog.51cto.com/webview/297720

CSS手写代码总结02相关推荐

  1. 【2022前端面试】CSS手写面试题汇总(加紧收藏)

    [2022前端面试]CSS手写面试题汇总(加紧收藏) 更新时间:2022年3月3日 把答案一起写上,但是希望大家在看之前思考一下,如果有好的建议,跪求改正! 本文致力于建设前端面试题库,欢迎兄弟们投稿 ...

  2. 纯JS+CSS手写日历

    介绍 今天带来一个纯JS+css手写的日历, 一开始先显示当前日期,比如下方25日就是当前日期会有较深蓝色背景色,鼠标指着的日期是下方图片14日的淡蓝色背景色 上面显示日期,可左右选择上个月或者下个月 ...

  3. IOS纯手写代码支持旋屏

    2019独角兽企业重金招聘Python工程师标准>>> 不用ib纯手写代码实现旋屏效果,xcode4.6.3,今天试了一下,可以做到,但是代码量会增加,基本思路是:在 - (void ...

  4. 揭秘 ClownFish 比手写代码还快的原因

    说明:本文的第一版由于反对人数较多(推荐/反对数量是:23 / 17), 我在8月20日删除了博文内容,只留下一段简单的内容. 既然分享技术也引来这么多的反对,那我就不分享了. 如果希望知道我的优化方 ...

  5. python是如何实现进程池和线程池的_高并发:线程、线程锁与线程池(精华),手写代码实现线程池...

    前文: 单线程--多线程的开启--线程锁--线程同步工具--手写连接池--连接池工具类. 一.线程 1.线程的概念 2.线程与进程的关系 3.定义: 区别:如上!!! 4.wait()和sleep() ...

  6. python在哪里写代码比较适合-程序员面试被要求手写代码,你与顶级程序员的差别在哪?...

    原标题:程序员面试被要求手写代码,你与顶级程序员的差别在哪? 前言: Python现在非常火,语法简单而且功能强大,很多同学都想学Python! 所以小的给各位看官们准备了收藏已久的视频教程分享给大家 ...

  7. 【深度学习】深度学习手写代码汇总(建议收藏,面试用)

    这几天一些同学在面试的时候,遇到了一些手写代码的题,因为之前都没有准备到,所以基本上在写的时候都有点蒙. 今天我就把一些常见的考题给大家整理下,这些题也是我之前准备面试的时候整理的,很多的代码都是网上 ...

  8. 处理自己的数据集_手写代码实现KDD CUP99数据集的数据归一化处理

    归一化是数据处理的常用方法之一,目的是消除不同评价指标之间的量纲对数据分析结果的影响,使各指标处于同一数量级,以解决数据指标之间的可比性问题. 目前学术界关于归一化和标准化的概念还不统一,常常会把这两 ...

  9. 如何手写代码进行页面布局

    有的时候,布局文件(例如main.xml)并不是万能的,典型的例子就是你的QQ好友列表,在人数未知的情况下我们是不能通过布局文件写死在布局文件中的,因为它是动态的,所以必须查询数据库然后通过代码来动态 ...

最新文章

  1. 利用循环神经网络生成唐诗_【机器学习】【期末复习】闲聊神经网络 分类
  2. 在VC++中创建DLL文件并加载
  3. 简单理解kafka---入门
  4. Dos下cd不起作用详解...
  5. 深入理解Linux高性能网络架构的那些事!
  6. 除非得到你的首肯,否则别人无法伤害你——Leo网上答疑(20)
  7. 2012-01-10 自己写的基于jquery的翻页效果
  8. 运维(2班)梁瑞第五次作业
  9. HTTP缓存解释为何页面响应的数据和服务端的不一致
  10. python pymysql用法_Python使用pymysql小技巧
  11. 真深复制python_Python深复制浅复制or深拷贝浅拷贝
  12. java开发实习报告_JAVA实习报告 (7000字)
  13. Python语言程序设计 第七周 文件和数据格式化
  14. Groovy 快速入门
  15. OROCOS之KDl库在Linux系统下安装学习记录:01
  16. UML stereotype
  17. 微信js-sdk引入!绝对干货
  18. http协议各个版本之解说
  19. 入驻华为严选商城性能测试案列
  20. MSB8003: 未定义 WindowsSDKDir 属性

热门文章

  1. [BZOJ4259]残缺的字符串
  2. 能量项链(NOIP 2006 提高组)
  3. 技术点不亲身实验一遍,难免会被网文唬
  4. 近几年难得一见的一道好推理题
  5. MySQL5.7.17绿色版安装
  6. Xcode error: conflicting types for 'XXXX'
  7. Kindeditor小改动
  8. LD_DEUBG 调试动态库加载
  9. WMI介绍及简单实际运用(二,Win32_Processor内容)
  10. RobotFramework自动化4-批量操作案例