css背景图片固定位置_CSS固定位置背景图片

css背景图片固定位置

Backgrounds have become an integral part of creating a web 2.0-esque website since gradients have become all the rage. If you think gradient backgrounds are too cliche, maybe a fixed position background would work for you? It does provide a neat inherent effect by not moving.

背景已经成为创建Web 2.0风格的网站不可或缺的一部分，因为渐变非常流行。 如果您认为渐变背景过于陈词滥调，也许固定位置背景对您有用？ 通过不移动它确实提供了整洁的固有效果。

CSS (The CSS)

Place the background declaration of the element of your choice.

放置您选择的元素的背景声明。

body	{ background:url(your-image.jpg) top right no-repeat; background-attachment:fixed; }

background-attachment: fixed keeps the background image in place so long as the element is tall enough for scrolling.

background-attachment: fixed ，只要元素高到足以滚动，就可以将背景图像保持在原位。

View Demo 观看演示

翻译自: https://davidwalsh.name/css-fixed-position-background-image

css背景图片固定位置