<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>ie8無法拉伸背景圖</title>
<style type="text/css">
body {
margin: 0;
width: 100%;
height: 462px;
/*這么寫不顯示背景圖在ie8下*/
/*background: url("successed.png")no-repeat;*/
/*這么寫就顯示背景圖了在ie8下，看出區別了嗎？是的就差一個空格*/
background: url("successed.png") no-repeat;
background-size: 100% 100%;
}
</style>
</head>
<body>
</body>
</html>
ie8中body的樣式 在ie8下背景圖無法拉伸
其他正常瀏覽器的樣式
解決方案
1. 用img標簽
img {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: -1;
}
<img src="successed.png">
body{
height:1000px;
/*IE8下的背景漸變*/
filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ffffff,endColorStr=#000000);
}