• 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏幻天博客吧
  • 欢迎来到铃音的私人博客! QQ群

[教程]网页背景固定代码

兴趣 天空の铃音 5年前 (2014-05-27) 1242次浏览 已收录 1个评论 扫描二维码
文章目录[隐藏]

1168149650c80d6d57o

方法

关于网页背景固定代码的几种用法!

右上固定専用

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

右下固定専用

<!--
body {
background-color: #FFFFFF;
background-image: url(***.jpg);
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;}
-->
</STYLE>

PS:页面放大缩小背景也会随之缩小


转载请注明 - [教程]网页背景固定代码 - 幻想天空 - 魔王殿 - 铃音の小屋
喜欢 (0)
[不公开]
分享 (0)
关于作者:
美国服务器正在努力恢复中!目前系统升级完善,功能可以使用!现在来申请免费空间无需填表哟!
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)个小伙伴在吐槽
  1. 很漂亮 的博客
    秋木耳2015-05-30 16:20 回复 Windows 7 | Firefox浏览器 38.0