«
»

网页背景图片固定代码[转]

2009年12月30日 - 6 条留言 - 资源共享 - 浏览:1,488 | 大小:小 中 大 | 繁體 | English | 本文短网址为：http://bit.ly/dC8xrV

在网上看到的，很好用，转载一下：

注：使用時，请把代码中的/images/bg.jpg换为您的背景图片实际网址

固定在右上角：

<style type="text/css">
<!--
body{
background-image:url(/images/bg.jpg);
background-position:100% 0%;
background-repeat:no-repeat;
background-attachment:fixed;}
-->
</style>

固定在右下角：

<style type="text/css">
<!--
body {
background-color: #FFFFFF;
background-image: url(/images/bg.jpg);
background-repeat: no-repeat;
background-attachment: right bottom;
}
-->
</style>

固定在左上角：

<style type="text/css">
<!--
body{
background-image:url(/images/bg.jpg);
background-repeat:no-repeat;
background-attachment:fixed;} 
-->
</style>

固定在左下角：

<style type="text/css">
<!--
body{
background-image:url(/images/bg.jpg);
background-position:0% 100%;
background-repeat:no-repeat;
background-attachment:fixed;}
-->
</style>

固定在正中央：

<style type="text/css">
<!--
body{
background-image:url(/images/bg.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center ;} 
-->
</style>

固定在右边：

<style type="text/css">
<!--
body{
background-image:url(/images/bg.jpg);
background-position:100% 0%;
background-repeat:repeat-y;
background-attachment:fixed;}
-->
</style>

固定在左边：

<style type="text/css">
<!--
body{
background-image:url(/images/bg.jpg);
background-repeat:repeat-y;
background-attachment:fixed;}
-->
</style>

固定在上面：

<style type="text/css">
<!--
body{
background-image:url(/images/bg.jpg);
background-repeat:repeat-x;
background-attachment:fixed;}
-->
</style>

固定在下面：

<style type="text/css">
<!--
body{
background-image:URL(/images/bg.jpg);
background-position:bottom;
background-repeat:repeat-x;
background-attachment:fixed;}
-->
</style>

标签： ,

分享到： 新浪微博 豆瓣 开心网 人人网
本文作者：施炜煜
原文链接：http://firefore.com/2009/12/background-image.html
发布于：2009年12月30号   最后修订在：2010年06月24号
版权声明:转载时请以超链接形式标明文章原始出处和作者信息。

相关日志 随机文章 最新文章 留言排行

读过这篇日志的读者同时也读了：
>欢迎您的来访。喜欢这篇文章么? 发表一下您的看法 好让我们能交流交流一下。
>建议您 订阅这里的RSS，这样您及时地获取更多精彩内容!
>Permalink：http://firefore.com/2009/12/background-image.html
>Trackback Address：http://firefore.com/2009/12/background-image.html/trackback

  1. 1. 小桥流水人家 | 2010年01月2号 at 15:44:34 | #

    元旦快乐!

    回复该留言
  2. 3. 蔷薇乐趣吧 | 2010年01月3号 at 21:00:54 | #

    不错，又学到不少东西

    回复该留言
    • 4. 炜煜 | 2010年01月5号 at 09:48:58 | #

      这要多谢前人的辛苦整理。

      回复该留言
  3. 5. 无疆 | 2010年01月6号 at 22:43:29 | #

    有实际效果的显示么？

    回复该留言