关于IE8 IE9 兼容性问题

最新推荐文章于 2025-05-25 15:38:52 发布

原创最新推荐文章于 2025-05-25 15:38:52 发布 · 1.6k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#IE8 兼容 #H5兼容 #持续更新

HTML5+CSS3 小白进行时专栏收录该内容

12 篇文章

订阅专栏

博客主要介绍了IE8浏览器的H5兼容问题及解决办法。在background属性方面，IE8、IE9不支持连写和background - size属性，使用滤镜可解决background - size问题；在body标签height:100%属性上，IE8设置该属性会导致视窗下内容不显示，建议不设置此属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

                    
                    background属性

在IE8 IE9中 不支持background的连写，但是可以写到 repeat属性

background:url(’’) no-repeat

定位就要分开写了；
不支持background-size属性

网上主要说是两种解决方法一种是使用.htc文件一种是使用滤镜。

但是前者我不知道怎么去使用，一直没有成功过。第二种成功了。.div{
background:url('地址') no-repeat;
background-size:cover;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='地址',sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='地址',sizingMethod='scale');
}

在IE8打开F12调试会发现 	background-size:cover;下有黄色波浪线，但是配合后面的写法就可使用了
关于body标签 height:100%问题

在IE10 11 中 body{height:100%}这种属性是没有啥作用的。但是如果将这个属性写在IE8中 那么就会出现问题。它会使body的高度确定为当前浏览器视窗高度（会受缩放影响）的大小，进而导致视窗以下的内容不显示。**因此无论怎么写尽量不要给body设置height100%这样的属性