实例代码:
<!doctype html>
<head>
<meta charset="utf-8">
<style type="text/css">
body{
background-image:url(img/beijing.jpeg);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:30% 20%;
}
</style>
</head>
<html>
<body>
<p>这是一个用百分比来定位背景图像的实例</p>
<p>我们用30% 20% 来定位图像的位置。</p>
<body>
</html>
运行效果:
图像会中页面中按百分比的位置来显示。
评论