ie7兼容总结的一些问题

最新推荐文章于 2021-07-27 11:30:58 发布

原创最新推荐文章于 2021-07-27 11:30:58 发布 · 248 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ie7兼容

浏览器兼容专栏收录该内容

3 篇文章

订阅专栏

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中一个父元素中有两个子元素，父元素中一个元素内联元素不浮动，另一个元素右浮动，则，这两个子元素会站两行，不会起在同一行的效果
解决方法：为内联元素不浮动的元素左浮动。