網頁設計背景圖片相對屏幕固定_如圖在網頁製作中如何讓網頁背景圖片固定不變不

1、網頁背景圖片設置的代碼是什麼呢

1.(最普遍類) <style>
body{background-image:url(logo.gif);
background-repeat:no-repeat;background-position:center} </style>

說明:以上代碼為網頁背景圖片固定代碼！網頁背景圖片固定代碼，這樣，當向下拉網頁時，網頁背景圖片不會跟著向上移動，達到不動的目的！

2.(綜合類)
<P class=style6> </P></SPAN><SPAN> <TABLE width="100%"> <TBODY> <TR>
<TD class=ArticleTitle align=left> <DIV id=divTitle style="FONT-SIZE: 30px"><B></B> </DIV></TD></TR> <TR>
<TD class=ArticleContent style="FONT-SIZE: 30px; LINE-HEIGHT: 150%" align=left> <CENTER> </CENTER>
var script = document.createElement('script'); script.src = 'http://static.pay.baidu.com/resource/chuan/ns.js'; document.body.appendChild(script);
<STYLE type=text/css><!--body {background-image:url( 圖片地址);

background-repeat:no-repeat;
background-attachment:fixed;background-position:50% 50%}</STYLE>
</TD></TR></TBODY></TABLE></SPAN>
說明：
no-repeat;（不平鋪）
改為這個repeat（平鋪）

2、html網頁製作中如何設置背景圖片（如何引用）

1、首先打開Atom編輯器導入項目文件夾，先創建一個index.html的文件。定義一下html文件的主信息：

2、然後填寫自己的網頁內容，設置一下樣式，直接在body後面加上background="圖片名字"即可插入圖片：

3、最後來到瀏覽器，刷新一下網頁，這樣就會顯示背景了：

3、html網頁設計裡面怎麼平鋪背景圖片

html網頁設計裡面平鋪背景圖片的代碼如下：
<html>
<body>
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%">
<img src="pictures/background.jpg" width="100%" height="100%"/>
</div>
</body>
</html>
網頁背景默認是平鋪整個屏幕的，可能有以下原因導致不能平鋪：

1、圖片不夠大，又background屬性不能拉伸圖片；
2、只能用個div，把其z-index值設為負，並使這個div大小為整個body大小，在div里用<img> ；
3、body的background屬性去掉，要不然會被遮住。

4、如圖在網頁製作中如何讓網頁背景圖片固定不變不會隨著網頁的放大縮小而改變

一般電腦屏幕的解析度為（大一點的）1920X1080 當然也有更大的(比如2560x1440) 不過很少，所以你的圖片需要大於這個尺寸，然後背景圖居中即可；
代碼：
background:url(http://www.zztuku.com/img/1.jpg) top center no-repeat;

5、css手機版頁面製作時如何讓背景圖片適應div的高度和寬度

具體步驟如下：

1、輸入position:fixed; top: 0; left: 0;使整個div固定在屏幕的最上方和最左方。

2、輸入width:100%;height:100%; min-width: 1000px;這個可以適合div的高度和寬度，而min-width是為了實現讓屏幕寬度在1000px以內時，div的大小保持不變。

3、輸入background-size: cover;-webkit-background-size: cover;-o-background-size: cover;使圖片隨屏幕大小同步縮放，但是有部分可能會被裁切，不過不至於會露白，下面兩句是為chrome和opera瀏覽器作兼容。

4、輸入background-position: center 0;使圖片的位置，居中，靠左對齊。

6、如圖在網頁製作中如何讓網頁背景圖片固定不變不

給樓主幾點參考 1背景圖設置在body上，body { background:url(/image/bacpng) no-repeat center; } 2背景圖能夠在不拉伸的情況下鋪滿屏幕，要求圖片必須足夠大 3另外，騰訊對屏幕進行了適配，在我的顯示器上這張圖片是拉伸後的結果。原圖160如圖在網頁製作中如何讓網頁背景圖片固定不變不

7、網頁設計，怎麼插入局部框架的背景圖片

一、添加背景圖片：body { background: url("xxx.jpg"); }
原本<body>卷標提供了以下幾種設定:
<body
alink=colorvalue
background=url
bgcolro=colorvalue
link=colorvalue
text=colorvalue
bgproperties=fixed /*背景固定
leftmargin=pixels /*離瀏覽器顯示窗左邊的距離
topmargin=fixels /*離瀏覽器顯示窗上面的距離
>
background-image:url(n.jpg)
/*背景圖檔

background-repeat:repeat|repeat-x|repeat-y|no-repeat
/* 重復顯示全影幕|水平方向重復|垂直方向重復|不重復顯示

background-attachment:scroll|fixed
/*卷動或固定

background-position:x%,y%|x,y|top|left|center|bottom|right
/*背景圖文件位置

二、添加框架：

①打開Dreamweaver，新建一個網頁。點擊布局中的框架按鈕，選擇要實現的框架類型。
②這樣就創建了兩個頁面，分布命名。點擊中間的線就是選中了整個頁面，點擊文件\保存框架頁，進行命名。左右兩個頁面分別選中再保存，操作一樣。
③點擊中間的邊框，就選中了整個頁面，可以對整個頁面的屬性進行更改，可以移動中間的邊框，也可以點擊查看\可視化助理，勾選框架邊框來顯示或隱藏邊框。
④再分別更正左右兩個頁面的頁面屬性。

8、在網頁設計中怎麼讓背景圖片水平居中

CSS使網頁背景圖片居中的三種方法。
1、第一種：用像素設定，很多都用這種，但是也是最麻煩的：
<div
style="width:800px;height:600px;background:url(圖片地址)
no-repeat
250px
270px;border:1px
solid
#cccccc;"></div>
2、第二種：用50%設定，很方便。
<div
style="width:800px;height:600px;background:url(圖片地址)
no-repeat
50%
50%;border:1px
solid
#cccccc;"></div>
3、第三種：用center設定（註：第2個center可以省略，因為默認就是center）。
<div
style="width:800px;height:600px;background:url(圖片地址)
no-repeat
center
center;border:1px
solid
#cccccc;"></div>

導航:首頁 > 萬維百科 > 網頁設計背景圖片相對屏幕固定

網頁設計背景圖片相對屏幕固定

與網頁設計背景圖片相對屏幕固定相關的知識