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;