或者是設定元素的寬高分別爲背景圖片的寬高，且設置margin-left爲元素寬度的一半來使元素居中於屏幕。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Bonnnie</title>
<style>
html, body{
margin: 0;
padding: 0;
background-image:url(images/0.jpeg);
background-repeat:no-repeat;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/0.jpeg', sizingMethod='scale');
-ms-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/0.jpeg', sizingMethod='scale');
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
}
</style>
</head>
<body>
<div>
<a href="http://fanyi.youdao.com/" title="跳轉到翻譯網站" target="_blank">翻譯</a>
</div>
</body>
</html>AlphaImageLoader：在元素的背景和內容之間插入一張圖片，並提供對此圖片的剪切和改變尺寸的操作。如果載入的是PNG(Portable Network Graphics)格式，則0%-100%的透明度也被提供。
語法格式： filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
enabled：可選項，布爾值(Boolean)。設置或檢索濾鏡是否激活。 true：默認值。濾鏡激活。 false：濾鏡被禁止。
sizingMethod：可選項。字符串(String)。設置或檢索濾鏡作用的對象的圖片在對象容器邊界內的顯示方式。
1）crop：剪切圖片以適應對象尺寸。
2）image：默認值。增大或減小對象的尺寸邊界以適應圖片的尺寸。
3）scale：縮放圖片以適應對象的尺寸邊界。