让IE兼容background-size的方法_background-size ie下使用
2018-03-06 11:30
211 查看
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
在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
相关文章推荐
- 【技术】让IE兼容background-size
- 解决ie 低版本的 background-size 兼容问题
- IE兼容问题解决根源:深刻理解hasLayout属性,原理与使用方法
- JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
- ie9以下兼容background-size属性
- div显示图片不全和background-size在ie和火狐下不生效的解决方法
- css3的background-size兼容IE低版本
- IE兼容问题解决根源:深刻理解hasLayout属性,原理与使用方法
- IE中使用font-size来调整element大小,显示background-image
- background-size兼容ie7/8
- setAttribute()的使用方法与ie不兼容onclick事件解决方法
- JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)
- 同时使用background-attachment:fixed; 和 background-size:cover;时背景图大小被切割的解决方法
- background-size兼容ie
- setAttribute()使用方法与IE兼容解决方法
- background-size:cover兼容IE8的方法
- ie7下兼容background-size的方法
- 解决ie下部支持background-size:100%;属性的方法
- ie6,7,8兼容background-size方法
- CSS3:backgroud-size和background-origin的使用方法