目前还是不太清楚兼容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;width:1000px;left:50%;margin-left:-500px}
------------------------------------
border-radius 不生效
解决方法: 引入PIE.htc behavior:url('PIE.htc')
-----------------------------------
CSS3的选择器不支持。唯一支持 first-child
rem不支持。
背景颜色渐变不支持。
---------------------------------------------------
背景图片IE8下不会显示,区别no-repeat前面要有一个空格,IE8对空格的敏感度很高
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;}
background: rgba(255,255,255,.1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);
网上图片借鉴, 0.1~0.9 前两位数值对比