如何使用百分比来在页面上定位背景图像-CSS背景实例

<html>
<head>
<style type="text/css">
body
{ 
  background-image:url('http://img.gaodaima.com/paperimg_gaodaima_eg_bg_03.gif');
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position: 60% 50%; 
}
</style>
</head>

<body>
<body>
<p><b>提示：</b>您需要把 background-attachment 属性设置为 "fixed"，才能保证该属性在 Firefox 和 Opera 中正常工作。</p>
</body>
</body>
</html>

本文案例为大家展示了如何使用百分比来在页面上定位背景图像的代码，若要看代码效果请大家点击“运行代码”按钮。

[code]<html> <head> <style type=”text/css”> body { background-image:url(‘http://img.gaodaima.com/paperimg_gaodaima_eg_bg_03.gif’); background-repeat:no-repeat; background-attachment:fixed; background-position: 60% 50%; } </style> </head> <body> <body> <p><b>提示：</b>您需要把 background-attachment 属性设置为 “fixed”，才能保证该属性在 Firefox 和 Opera 中正常工作。</p> </body> </body> </html>[/code]

搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]‍，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：如何使用百分比来在页面上定位背景图像-CSS背景实例

Hi，您需要填写昵称和邮箱！