网站地图    收藏   

主页 > 前端 > html教程 >

IE7,8兼容background-size的方法_background-size ie下使用

来源:未知    时间:2018-07-31 17:44 作者:小飞侠 阅读:

[导读] ie6,ie7,ie8下对css background-size并不支持,那么如何在ie下兼容background-size呢? 在ie下把图片完整的居中显示在一定范围内 在css中添加如下代码: filter:progid:DXImageTransform.Microsoft.AlphaIma...

ie6,ie7,ie8下对css background-size并不支持,那么如何在ie下兼容background-size呢?
在ie下把图片完整的居中显示在一定范围内

在css中添加如下代码:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='图片地址.jpg',sizingMethod='scale');

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

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>让IE兼容background-size的方法</title>
 
<style>
.bgpic {
    background-image: url('图片地址.jpg');
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='图片地址.jpg',
    sizingMethod='scale');
}
</style>
</head>
<body>
 
    <div  class="bgpic" style="width:200px;height:100px;"></div>
 
</body>
</html>

摘自:https://segmentfault.com/a/1190000006576192


自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论