H I O X INDIA
免费的CSS教程
 首页   ||  教程  ||  脚本  || 支持 english Español Français Deutsch Portuguese Japanese தமிழ்

的CSS话题
导言
类型
背景属性
文本属性
字体属性
盒子属性
边界属性
保证金属性
填充属性
专题
请询问您的疑问
反馈


在此页面反馈



名字:
邮件
反馈:
  




CSS层叠样式表背景图片附着属性


主题

我想让图片固定不动。图片随着页面滚动,并且总是在页面的顶部,如何实现这些?
我想让在html页面中的背景图片总是在相同的位置?



解释

属性: 背景附件

用法:
background-attachment: scroll;
background-attachment: fixed;

定义:
这个标记是用来设置背景图片的附着属性。无论是随着页面滚动,还是固定的。
可以把这个属性设置成以下的值。
a)scroll : 图片随着页面滚动
b)fixed :图片不会随着页面滚动。 图片是固定的。页面的内容会滚动,图片不会滚动。

示例:
<body style="background-image: url('test3.jpg'); background-repeat: no-repeat; background-position: center; background-attachment: scroll;"> 颜色名称 <br><br><br></body>

<body style="background-image: url('test3.jpg'); background-repeat: no-repeat; background-position: center; background-attachment: fixed;"> 颜色名称 <br><br><br></body>


结果:
滚动图片:
这是默认的格式。

固定图片:
显示在这一页图片是固定的。

这样我们就可以得到不移动/固定不动的背景图片。




一个注记
的CSS -层叠样式表可以用来与HTML标记的解释这个网站。 这简单的CSS将帮助您创建更优雅和简洁的HTML网页。 这并不需要任何额外的软件或编码。 所有网络浏览器能够处理的CSS代码。

注2 :如果需要,您可以使用不是
标签。 DIV标记将开始和结束在新的行。跨度不会超过标签领域。


privacy policy     license
© 2004-2010 HIOX INDIA - hioxindia.com