head
style type="text/css"
body
{
background-image: url('/i/eg_bg_03.gif');
background-repeat: no-repeat
}
/style
/head
body
/body
/html
本例演示如何在页面上放置背景图像。看到本信息说明该文是通过网页教学(webjx.com)整理发布的,请不要删掉!
html
head
style type="text/css"
body
{
background-image:url('/i/eg_bg_03.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
/style
/head
body
body
pb注释:/b为了在 Mozilla 中实现此效果,background-attachment 属性必须设置为 "fixed"。/p
/body
/body
/html
本例演示如何使用百分比来在页面上定位背景图像。
html
head
style type="text/css"
body
{
background-image: url('/i/eg_bg_03.gif');
background-repeat: no-repeat;
background-attachment:fixed;
background-position: 30% 20%;
}
/style
/head
body
pb注释:/b为了在 Mozilla 中实现此效果,background-attachment 属性必须设置为 "fixed"。/p
/body
/html