• 至少清楚知道兼容IE8 ie9 ;持续更新


    目前还是不太清楚兼容IE8 IE9 那些标签可以用 那些标签不能用  记录下。没事看看。

    最后的东西都是IE8兼容的东西。不更新了,知道就好了。

    开始记录IE9 与ie8 的区别。

    IE9是IE8的进化版本,它做到了: 

    终于支持这些选择器了 -  - 万恶IE  

    :root
    :nth-child(n)
    :nth-last-child(n)
    :nth-of-type(n)
    :nth-last-of-type(n)
    :last-child
    :first-of-type
    :last-of-type
    nly-child
    nly-of-type
    :empty
    :target
    :not(s)
    :enabled
    :disabled
    :checked
    :indeterminate
    ::selection
    ---------------------

    IE9不支持的伪类&伪元素
    :default
    :valid
    :invalid
    :in-range
    ut-of-range
    :required
    ptional
    :read-only
    :read-write
    ::before
    ::after
    ::first-letter
    ::first-line
    ::value
    ::choices
    ::repeat-item
    ::repeat-index
    ---------------------
    原文:https://blog.csdn.net/weixin_43146793/article/details/84498221

    ------------------------------

     ie9  transform  加私有 - ms- 好像不加也可以

    -------------------------------------------------

     IE9支持原生写法,calc();

     IE9支持 border-radius 

    ------------这里就是 “ 最后   ”

    IE8 不支持   box-sizing: border-box。兼容时不要使用

    ----@小小智慧树 抄下你笔记  ^ ,^ 

     margin:0 auto; 无法居中

    解决方法:

    换成h4的文档类型 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " 
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
     body,设置text-aligin:center; 缺点,其他标签也会居中
     需要居中的元素设置一个宽度,
    {position:relative;1000px;left:50%;margin-left:-500px}

    ------------------------------------

     border-radius 不生效 

    解决方法: 引入PIE.htc behavior:url('PIE.htc')

    -----------------------------------

    CSS3的选择器不支持。唯一支持   first-child 

    rem不支持。
    背景颜色渐变不支持。

    ---------------------------------------------------

    背景图片IE8下不会显示,区别no-repeat前面要有一个空格,IE8对空格的敏感度很高  

    图片IE8下不会显示2. img标签的父元素a没有设置宽高的话,img在IE8下是无法显示的 ,因为a标签是无法继承div的宽高的(行内元素和行内块元素无法继承父元素的宽高,而块元素可以); 
    解决方法就是:设置a标签的宽高或者设置a为块元素(display:block);
     
    这两个应该可以解决很多IE8 下 很多图片不显示问题了,很有帮助 @原文链接 :
    https://blog.csdn.net/zxb122333/article/details/54096318  
    ------
    ---------------------------------------IE 老古董真的烦 transform 实现垂直居中最喜欢用的,非常方便。却不支持 
    兼容好的写法: 可以用定位支持    top: 0;     bottom: 0;     margin: auto; 
    ---------------
    ie8 伪类 只支持:after 不支持:: before
    before--添加在前边
    after---添加在后边
     
    --------------------
     IE支持  auto    所有IE 都不支持: initial   inherit   ; 这两个属性,作用是可以重置元素自身的初始属性,也可以当做 清除所有自己添加的样式属性  
    底部飘起来问题 原因可能是给body加了height:100%; 改为height:auto;  !不是IE 自己写的问题 
     
    ----------------------
    弹性盒子   兼容写法   IE 兼容到10 最多
       display:-webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

    ---------------------
     透明度

     filter:alpha(opacity=50); 

           -moz-opacity:0.5;    

        -khtml-opacity: 0.5;      

      opacity: 0.5;   

    直接写透明度这玩意还是少写。被批斗了,好像有什么问题。还是老老实实rgba...

    ---------------------------------

    IE8-ie8以下 display:inine-block  不兼容.

    需要用到display:inline-block  的时候多加两句就行了*dis...

    解决办法:{display:inline-block;*display:inline;*zoom:1;}

     
    ie8不支持rgba()函数      
    background: rgba(255,255,255,.1); 
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
    网上图片借鉴, 0.1~0.9 前两位数值对比


    user-select:none;/*让切换键在多次点击下保持不被选中状态*/
     
     
     
     
     
     
    不管前方的路有多苦,只要走的方向正确,不管多么崎岖不平,都比站在原地更接近幸福。 ——宫崎骏 《千与千寻》
  • 相关阅读:
    fiddler过滤css、js、jpg等文件。
    利用jmeter批量创建测试数据(一)---csv data set config
    【Qt】实现程序重启的两种方法
    【MySQL 基础】MySQL必知必会
    【设计模式】访问者模式
    【设计模式】状态模式
    【设计模式】观察者模式
    【设计模式】备忘录模式
    【设计模式】中介者模式
    【设计模式】迭代器模式
  • 原文地址:https://www.cnblogs.com/City-wall/p/10454810.html
Copyright © 2020-2023  润新知