«
»

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

2009年12月30日 - 6 条留言 - 资源共享 - 1 | 大小:小 中 大 | 繁體
此页面的短网址为：http://urldad.com/bj

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

注：使用時，请把代码中的/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>

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

读过这篇日志的读者同时也读了：

标签： ,

>欢迎您的来访。喜欢这篇文章么? 发表一下您的看法 好让我们能交流交流一下。
> 建议您 订阅这里的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 | #

    有实际效果的显示么？

    回复该留言