如何像微博那样固定背景

最新推荐文章于 2024-09-19 22:21:38 发布

lifeiinc

最新推荐文章于 2024-09-19 22:21:38 发布

阅读量913

点赞数

分类专栏： HTML 文章标签： url xhtml html

本文链接：https://blog.csdn.net/lifeiinc/article/details/7187276

版权

HTML 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

html代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title></title>
<STYLE TYPE="text/css">
<!--
BODY{
background-image:url(year.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center top ;} 
-->
</STYLE>
</head>
<body>
1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>1<br>
</body>
</html>


--------------------------------------------------
其他：
背景固定代码整合
右上固定専用。

<STYLE TYPE="text/css">
<!--
BODY{
background-image:url("背景のURL");
background-position:100% 0%;
background-repeat:no-repeat;
background-attachment:fixed;}
-->
</STYLE>

右下固定専用。

×××

<!--
body {

background-image:url("5.jpg");
background-position:100% 100%;
background-repeat:repeat-y;
background-repeat:no-repeat;
background-attachment:right bottom;
}
-->


左上

<STYLE TYPE="text/css">
<!--
BODY{
background-image:url("背景のURL");
background-repeat:no-repeat;
background-attachment:fixed;} 
-->
</STYLE>

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

左下

<STYLE TYPE="text/css">
<!--
BODY{
background-image:url("背景のURL");
background-position:0% 100%;
background-repeat:no-repeat;
background-attachment:fixed;}
-->
</STYLE>

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

正中

<STYLE TYPE="text/css">
<!--
BODY{
background-image:url("背景のURL");
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center ;} 
-->
</STYLE>

-----------------------
右边

<STYLE TYPE="text/css">
<!--
BODY{
background-image:url("背景のURL");
background-position:100% 0%;
background-repeat:repeat-y;
background-attachment:fixed;}
-->
</STYLE>

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

左边

<STYLE TYPE="text/css">
<!--
BODY{
background-image:url("背景のURL");
background-repeat:repeat-y;
background-attachment:fixed;}
-->
</STYLE>

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

上边

<STYLE TYPE="text/css">
<!--
BODY{
background-image:url("背景のURL");
background-repeat:repeat-x;
background-attachment:fixed;}
-->
</STYLE>

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

下边

<STYLE TYPE="text/css">
<!--
BODY{
background-image:URL("背景のURL");
background-position:bottom;
background-repeat:repeat-x;
background-attachment:fixed;}
-->