background-attachment 网页背景固定

来源：互联网发布：软件学院工程实践编辑：程序博客网时间：2024/06/06 08:38

右上固定：

1<style type="text/css">
2<!--
3body{
4background-image:url("背景url");
5background-position:100% 0%;
6background-repeat:no-repeat;
7background-attachment:fixed;}
8-->
9</style>

------------------------

右下固定：

01<!--
02body {
03 
04background-image:url("5.jpg");
05background-position:100% 100%;
06background-repeat:repeat-y;
07background-repeat:no-repeat;
08background-attachment:right bottom;
09}
10-->

------------------------

左上

1<style type="text/css">
2<!--
3body{
4background-image:url("背景url");
5background-repeat:no-repeat;
6background-attachment:fixed;}
7-->
8</style>

------------------------

左下

1<style type="text/css">
2<!--
3body{
4background-image:url("背景url");
5background-position:0% 100%;
6background-repeat:no-repeat;
7background-attachment:fixed;}
8-->
9</style>

-------------------------

正中

1<style type="text/css">
2<!--
3body{
4background-image:url("背景url");
5background-repeat:no-repeat;
6background-attachment:fixed;
7background-position:center ;}
8-->
9</style>

-----------------------

右边

1<style type="text/css">
2<!--
3body{
4background-image:url("背景url");
5background-position:100% 0%;
6background-repeat:repeat-y;
7background-attachment:fixed;}
8-->
9</style>

------------------

左边

1<style type="text/css">
2<!--
3body{
4background-image:url("背景url");
5background-repeat:repeat-y;
6background-attachment:fixed;}
7-->
8</style>

--------------

上边

1<style type="text/css">
2<!--
3body{
4background-image:url("背景url");
5background-repeat:repeat-x;
6background-attachment:fixed;}
7-->
8</style>

-----------------------

下边

1<style type="text/css">
2<!--
3body{
4background-image:url("背景url");
5background-position:bottom;
6background-repeat:repeat-x;
7background-attachment:fixed;}
8-->
9</style>

0 0