joy的素材屋吧 关注:11贴子:2,259
  • 13回复贴,共1

☆教程…『原创』web制作背景相关

取消只看楼主收藏回复

再次防吞


1楼2008-08-25 17:10回复
    这是我自己总结出来的一些关于固定背景的方法。
    大家请按着素材的原来特色,选择最适合的方法。
    ^_^....


    2楼2008-08-25 17:11
    回复
      2025-09-11 06:21:14
      广告
      不感兴趣
      开通SVIP免广告
      ☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★
      +++++++++++++++百度joy的素材屋吧+++++++++++++++
      ☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★

      ○●○●○●○●※素材使用教程※○●○●○●○


      3楼2008-08-25 17:11
      回复
        ※背景的固定

        ◆◇重复背景整张页面
        <style type="text/css">
        <!--
        Body 
        {background-attachment;
        background-repeat: repeat-x;
        background-attachment: fixed;
        background-color: 自定;
        background-image: url(图片地址);}
        -->
        </style>


        4楼2008-08-25 17:11
        回复
          ◆◇单独的背景固定在右上角
          <style type="text/css">
          <!--
          Body 
          {background-attachment;
          background-repeat: no-repeat;
          background-attachment: fixed;
          background-position:right top;
          background-color: 自定;
          background-image: url(图片地址);}
          -->
          </style>


          5楼2008-08-25 17:12
          回复
            ◆◇单独的背景固定在右下角
            <style type="text/css">
            <!--
            Body 
            {background-attachment;
            background-repeat: no-repeat;
            background-attachment: fixed;
            background-position: right bottom;
            background-color: 自定;
            background-image: url(图片地址);}
            -->
            </style>


            6楼2008-08-25 17:12
            回复
              ◆◇单独的背景固定在左上角
              <style type="text/css">
              <!--
              Body 
              {background-attachment;
              background-repeat: no-repeat;
              background-attachment: fixed;
              background-position: left top;
              background-color: 自定;
              background-image: url(图片地址);}
              -->
              </style>


              7楼2008-08-25 17:12
              回复
                ◆◇单独的背景固定在左下角
                <style type="text/css">
                <!--
                Body 
                {background-attachment;
                background-repeat: no-repeat;
                background-attachment: fixed;
                background-position: left bottom;
                background-color: 自定;
                background-image: url(图片地址);}
                -->
                </style>


                8楼2008-08-25 17:12
                回复
                  2025-09-11 06:15:14
                  广告
                  不感兴趣
                  开通SVIP免广告
                  ◆◇单独的背景固定在中央
                  <style type="text/css">
                  <!--
                  Body 
                  {background-attachment;
                  background-repeat: no-repeat;
                  background-attachment: fixed;
                  background-position: center;
                  background-image: url(图片地址);}
                  -->
                  </style>


                  9楼2008-08-25 17:12
                  回复
                    ◆◇重复背景固定在上方 (上横一列)
                    <style type="text/css">
                    <!--
                    Body 
                    {background-attachment;
                    background-position: top;
                    background-repeat: repeat-x;
                    background-attachment: fixed;
                    background-image: url(图片地址);}
                    -->
                    </style>


                    10楼2008-08-25 17:12
                    回复
                      ◆◇重复背景固定在下方 (下横一列)
                      <style type="text/css">
                      <!--
                      Body 
                      {background-attachment;
                      background-position: bottom;
                      background-repeat: repeat-x;
                      background-attachment: fixed;
                      background-image: url(图片地址);}
                      -->
                      </style>


                      11楼2008-08-25 17:13
                      回复
                        ◆◇重复背景固定在右方 (右横一列)
                        <style type="text/css">
                        <!--
                        Body 
                        {background-attachment;
                        background-position: right;
                        background-repeat: repeat-y;
                        background-attachment: fixed;
                        background-image: url(图片地址);}
                        -->
                        </style>


                        12楼2008-08-25 17:13
                        回复
                          ◆◇重复背景固定在左方 (左横一列)
                          <style type="text/css">
                          <!--
                          Body 
                          {background-attachment;
                          background-position: left;
                          background-repeat: repeat-y;
                          background-attachment: fixed;
                          background-image: url(图片地址);}
                          -->
                          </style>


                          13楼2008-08-25 17:13
                          回复
                            ※注意事项
                            本教程不适用于空间代码,若想利用于空间,请依照空间代码操作
                             
                            By: Joy
                            23/08/2008


                            14楼2008-08-25 17:13
                            回复