部分ie8不兼容的css问题

1、解决在ie8中input框的输入顶格显示问题

  一般写input框我们为了好看会给行高，但是ie8中input框的输入就会顶格显示，为了解决这个问题网上都给出使用行高line-height，但是我使用这个还是没有解决。最后我去除height与line-height，使用padding-top与padding-bottom代替就可以了。

2、解决在ie8中background-size问题

  background-size是css3式样，在ie8中不兼容，为了避免我们无法改变图片的大小，我们可以使用<img src="">引用图片而不是使用background:url()，使用<img>引用之后我们可以根据图片的width、height对图片的大小进行控制。

3、解决在ie8中透明度问题

   对于使用background: rgba(34, 27, 19,.3);ie8是不兼容的，我们可以使用

filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#66000000', EndColorStr='#66000000');来解决i8的兼容性。

计算方法：StartColorStr、EndColorStr中的‘#66000000’前两位代表透明度，后六位代表颜色值

下面我们给出rgba与ie下filter数值转换值

rgba透明值	ie8中filter的值
0.1	19
0.2	33
0.3	4C
0.4	66
0.5	7F
0.6	99
0.7	B2
0.8	C8
0.9	E5

4、 解决在ie8中border-radius圆角问题

对于这个问题我们可以使用图片代替

5、对于子元素选择问题，nth-child()

我们可以直接使用class代替，在ie8中nth-child()是不显示的

以上都是我所遇到的，希望能对大家有所帮助