做项目遇到的问题及解决方案

1.有固定间距，固定盒子大小，浮动之后要刚好装在大盒子里；

方法：让最后一个右浮动，设置最后一个的右外边距为零。

2.透明度opacity不能在ie显示效果；

方法：设置ie专属代码:filter:alpha(opacity=50);

3.序选择器效果无法在ie中显示；

方法:换类选择器；

4.同是类名，后面写的为什么替换不了前面的？

方法：类名之前的其他父级选择器也要写上，保持一致，除了最后一个。

5.同是定位要元素，为什么它下面的元素会盖在它上面的元素之上？（增加蒙版必须是同级）

方法：1.在heml中把放在下面的定位元素写在前面；2.在css中提升层级；

6.使用表格合并rowspan时，要放在前一个td里面；

7.怎么让超出隐藏的文字变成省略号？

方法：把white-space: nowrap;text-overflow: ellipsis;overflow: hidden;这三个属性全部设在包含文字的标签之下。

8.背景颜色在IE中不显示？

正常的------------

不正常的--------------

原因是使用了序选择器（css3）。

方法：改用类选择器。

9.border-radius属性ie6/7/8不支持？

方法：用图片代替圆角部分；

10.透明设置除了opacity还有吗？

方法：使用背景颜色rgba();

11.如何设置下图效果并让IE兼容？

方法：用边框属性，设两个空标签，都设置成下三角，一个白色和一个红色，通过定位/层级让白色覆盖在红色之上;

12.如何让IE8兼容background-size，并控制大小？

方法：filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='绝对路径', sizingMethod='scale');

不能控制大小，只能100%；

13.项目中小图标如何使用精灵图？

方法：1.在需要的文字标签前在加入一个空标签，设置宽高；

     2.导入背景图片，通过position；absolute，子绝父相定位脱离文本流，调整背景background-position位置获取所需图标；

14.浮动在ie中产生的双边距问题？

方法：display:inline；