本文主要是介绍css3属性之background-size兼容ie8方案,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
解决方案
在ie8浏览器可能背景图片无法自适应全屏,这时候加入设置filter属性即可解决问题,同时加入height:100
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><style>.bg{background: #EAEAEA;height: 100%;background:url("../img/bg.jpg") no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;color: rgba(255,255,255,.95);filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bg.jpg',sizingMethod='scale');}</style>
</head>
<body class="bg"></body>
</html>
这篇关于css3属性之background-size兼容ie8方案的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!