怎么在IE上兼容background-size

发布网友发布时间：2022-04-26 08:22

共3个回答

热心网友时间：2022-04-19 08:30

在你想要给background-img的地方添加一个子标签
在html中添加一个img标签，width 设置好大小
给img 一个绝对定位，给img的父元素一个相对定位，让img漂浮文档流，且不占位置，再给一个z-index，一个负值，让这个img，不至于盖住下面的东西，最后用top，left，调整位置，在ie8，ie7是兼容的，不需要用到background-size

热心网友时间：2022-04-19 09:48

在IE上兼容background-size的方法：
可以试试 IE 的滤镜：

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(

src='*****.gif',

sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(

src='*****.gif',

sizingMethod='scale')";

热心网友时间：2022-04-19 11:22

　　解决办法是利用css实现，具体如下：

　　1、在css中添加如下代码：

　　filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src='jpg url',
sizingMethod='scale');

　　2、下面给出完整的实例代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>让IE兼容background-size的方法</title>

<style>
.bgpic {
    background-image: url('http://img0.bdstatic.com/img/image/6992fdda3cc7cd98d10273a6b34233fb80e7aec90cc.jpg');
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='http://img0.bdstatic.com/img/image/6992fdda3cc7cd98d10273a6b34233fb80e7aec90cc.jpg',
    sizingMethod='scale');
}
</style>
</head>
<body>

    <div  class="bgpic" style="width:200px;height:100px;"></div>

</body>
</html>