您好!欢迎您光临背景固定代码_点头笑音画网!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>站内提示>>>建站资源>>>背景固定代码
背景固定代码
发表日期:2008/1/24 20:14:00 出处:未知 作者:未知 发布人:zlpttt 已被访问 1710
代码放在<head>之中</head>!

右下固定:
<style type="text/css">
<!--
body {
background-attachment: fixed;
background-image: url("图片地址");
background-repeat: no-repeat;
background-position: right bottom;
}
-->
</style>


右上固定:
<style type="text/css">
<!--
body {
background-attachment: fixed;
background-image: url("图片地址");
background-repeat: no-repeat;
background-position: right top;
}
-->
</style>


左下固定:
<style type="text/css">
<!--
body {
background-attachment: fixed;
background-image: url("图片地址");
background-repeat: no-repeat;
background-position: left bottom;
}
-->
</style>


左上固定:
<style type="text/css">
<!--
body {
background-attachment: fixed;
background-image: url("图片地址");
background-repeat: no-repeat;
background-position: left top;
}
-->
</style>


上部固定:
<style type="text/css">
<!--
body {
background-attachment: fixed;
background-image: url("图片地址");
background-repeat: no-repeat;
background-position: top;
}
-->
</style>


下部固定:
<style type="text/css">
<!--
body {
background-attachment: fixed;
background-image: url("图片地址");
background-repeat: no-repeat;
background-position: bottom;
}
-->
</style>


中央固定:
<style type="text/css">
<!--
body {
background-attachment: fixed;
background-image: url("图片地址");
background-repeat: no-repeat;
background-position: center;
}
-->
</style>


右方列:


左方列:
<style type="text/css">
<!--
body {
background-attachment: fixed;
background-image: url("图片地址");
background-repeat: repeat-y;
background-position: left;
}
-->
</style>


上横列:
<style type="text/css">
<!--
body {
background-attachment: fixed;
background-image: url("图片地址");
background-repeat: repeat-x;
background-position: top;
}
-->
</style>


下横列:
<style type="text/css">
<!--
body {
background-attachment: fixed;
background-image: url("图片地址");
background-repeat: repeat-x;
background-position: bottom;
}
-->
</style>


中央横列:
<style type="text/css">
<!--
body {
background-attachment: fixed;
background-image: url("图片地址");
background-repeat: repeat-x;
background-position: center;
}
-->
</style>


指定列位:
<style type="text/css">
<!--
body {
background-attachment: fixed;
background-image: url("图片地址");
background-repeat: no-repeat;
background-position: 数值% 数值%;
}
-->
</style>


总结!

-----------------------------------------------------
<style>
<!--
body{background:fixed url(图片地址) #000000 no-repeat bottom right}
-->
</style>

bottom right --- 为定位位子!
左上/top left
左下/bottom left
左中/left
右上/top right
中央/ 50% 50%

#000000既是图片外颜色。
 
右下固定:
双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

点头笑音画网 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话:QQ:290572193 联系人:点头笑

琼icp备09005167