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

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

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;width: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;

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

猜你喜欢