以前的文章里提到过IE6/IE7/IE8/IE9/、Firefox的CSS HACK方法，那么Safari的CSS HACK是什么呢？
 
请看以下CSS代码：
  1. .box
  2. {
  3. color: black;                              /* ff */
  4. color: #fff\9\0;                            /* IE9 */
  5. color: #ff0000\0;                       /* IE8 */
  6. [color: #666; color: #999;       /* Safari Chrome */
  7. *color: green;                           /* IE7 */
  8. _color: blue;                             /* IE6 */
  9. }
  10. @media all and (min-width: 0px){
  11. /* Safari与Opera浏览器的共同样式 */
  12. }
  13. @media all and (-webkit-min-device-pixel-ratio:0){
  14. /* 这里单独设置Safari的样式 */
  15. }

HTML代码

  1. <div class="box">
  2. 这里根据设置不同浏览器的CSS HACK显示不同的颜色！
  3. </div>

在IE6浏览器中字体颜色为蓝色；

在IE7浏览器中字体颜色为绿色；

在IE8浏览器中字体颜色为红色；

在IE9浏览器中字体颜色为白色；

在Firefox浏览器中字体颜色为黑色；

在safari、Chrome浏览器中字体颜色为灰色。

最新文章

  1. VS2013快捷键及技巧
  2. jQuery实现二级菜单
  3. 《InsideUE4》UObject（一）开篇
  4. 工厂方法模式（FACTORY METHOD）
  5. 关于Git的stash命令
  6. 类加载器classCloader
  7. css3 iphone开关 移动端开关、按钮、input
  8. vs2012+qt5.2.0环境搭建/vs2013 + qt5.3.2 环境搭建
  9. iOS bug 之 H5 页面没有弹出提示框
  10. 8.20.1 图形化：弹窗JOptionPane
  11. 第二次作业：APP案例分析
  12. java.sql.SQLException: null, message from server: &quot;Host &#39;192.168.126.100&#39; is not allowed to connect to this MySQL server&quot;
  13. python接口自动化-session_自动发文
  14. Javascript高级编程学习笔记（88）—— Canvas(5)绘制文本
  15. Java多线程：Java内存模型
  16. react-创建react元素
  17. Spring Boot -05- 多模块结构项目构建与测试（详细图文教程）IDEA 版
  18. Selenium测试Ajax应用程序中的主要问题
  19. JQuery中width和JS中JS中关于clientWidth offsetWidth scrollWidth 等的含义
  20. 安装Win7时删除系统保留的100M隐藏分区

热门文章

  1. CF1241 D Sequence Sorting(离散化+DP)
  2. 关于toString()的一些事情
  3. lr 计算字符串长度
  4. AttributeError: module &#39;requests&#39; has no attribute &#39;get&#39;的错误疑惑
  5. 这么简单的 Redis 面试题都不懂，怎么拿offer？
  6. poj3264 Balanced Lineup（树状数组）
  7. go读写excel文件
  8. CSS学习笔记（基础部分）
  9. Python3学习笔记——自定义模块
  10. 在Echarts区域的任何位置精准触发事件