让IE兼容background-size的方法_background-size ie下使用

最新推荐文章于 2021-09-02 10:55:08 发布

Dima的虎式

最新推荐文章于 2021-09-02 10:55:08 发布

阅读量669

点赞数

分类专栏： IE浏览器兼容文章标签： ie8 IE浏览器兼容前端 html css

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

1 篇文章 0 订阅

订阅专栏

ie8下对css background-size并不支持，那么如何在ie下兼容background-size呢？

在ie下把图片完整的居中显示在一定范围内

在css中添加如下代码：

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://img0.bdstatic.com/img/image/6992fdda3cc7cd98d10273a6b34233fb80e7aec90cc.jpg',sizingMethod='scale');

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

<!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>

ie8显示效果如下：

Dima的虎式

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
让IE兼容background-size的方法_background-size ie下使用

让IE兼容background-size的方法_background-size ie下使用ie8下对css background-size并不支持，那么如何在ie下兼容background-size呢？在ie下把图片完整的居中显示在一定范围内在css中添加如下代码：filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http:
复制链接

扫一扫

专栏目录