至少清楚知道兼容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;/*让切换键在多次点击下保持不被选中状态*/

不管前方的路有多苦，只要走的方向正确，不管多么崎岖不平，都比站在原地更接近幸福。 ——宫崎骏《千与千寻》