• 浏览器兼容积累


    1.透明度

      filter: alpha(opacity=50);   //ie
     -moz-opacity:0.5;      //firefox
     opacity: 0.5;          //chorme

    2.ie7- 不支持 inline-block

    3.ie静态html头部要加<!DOCTYPE html>,否则css样式会走样。

    4.min-300px   -- ie不支持:

       expression_r(document.body.clientWidth < 300? "300px":"auto")

    5.酷客有篇挺实用的文章 9个最常见IE的Bug及其fix

      暂且遇到方法解决的就是

              1.margin来居中的问题: out_div {text-align: center;}  

                                            in_div{ text-aligncenter;}

              2.大div内多个小div {float:left}时,小div仍然显示block形状,要在大div加一个{overflow:hidden;}

    6.对应行内有span元素,有文字和背景图片,chrome和ff经常会出现不一样的效果;

          

      可以某种程度上利用背景图片的width和height来调节,但效果经常不是很好。

      在网上有找到这样一种解决方法: {vertical-align: top; position: relative; top:8px;} 采用了最高点肯定是一样的想法。

    我相信,会有一个公正而深刻的认识来为我们总结的:那时,我们这一代独有的奋斗、思索、烙印和选择才会显露其意义。 ——《北方的河》

    博文来源:http://www.cnblogs.com/liaopr

    如果您觉得本文的内容对您的学习有所帮助,可以选择打赏我一杯咖啡:D

  • 相关阅读:
    腾讯2面
    腾讯1面
    快手2面
    快手1面
    formData+ajax文件上传
    nginx限流&健康检查
    jvm crash分析
    Spring Cloud Gateway整合Eureka
    k8s-应用部署
    dockerfile-maven plugin自动镜像制作并发布
  • 原文地址:https://www.cnblogs.com/liaopr/p/3303294.html
Copyright © 2020-2023  润新知