1、子元素position:relative;父元素oveflow:hidden不起作用?怎么办?
答:应该把父元素position:relative;
2、ie7的input框隐藏应该是border:0;不能是border:none。
3、ie7的select不能设置高度
4、ie7 8 支持的背景渐变
.box{
background: -webkit-gradient(linear, 0 0, 0 100%, from(#eee), to(#aaa)); /** Chrome Safari **/
background: -moz-linear-gradient(top, #eee, #aaa); /** FireFox **/
background: -o-linear-gradient(top, #eee, #aaa);/** Opear **/
background: -ms-linear-gradient(#eeeeee 0%,#aaaaaa 100%);/** IE9 IE10 **/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#aaaaaa',grandientType=1); /**IE7 **/
-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee',endColorstr='#aaaaaa',grandientType=1); /** IE8 **/
}
5、在ie7中一个父元素的border:1px ;第一个子元素margin-top:20px;;子元素离父元素的距离是0;不会起效果,若父元素的border:0;则子元素离父元素的距离仍然是0,只不过父元素也会有20px的margin-top。
父元素中的最后一个元素的margin-bottom:10px; 也会不起效果
6、ie7中display: inline-block;*display: inline;*zoom:1;
7、ie7中一个父元素中有两个子元素,父元素中一个元素内联元素不浮动,另一个元素右浮动,则,这两个子元素会站两行,不会起在同一行的效果
解决方法:为内联元素不浮动的元素左浮动。