導航:首頁 > 萬維百科 > 網頁設計將背景圖片和頁面一起縮放

網頁設計將背景圖片和頁面一起縮放

發布時間:2020-09-03 07:44:27

1、網頁製作背景圖片如何自動縮放

是啊,背景圖片不好改啊,
1
把背景圖片做成是統一的,比如統一
是紅色的,那麼不管你網頁多長,背景都不會改變
2
內容太多了可以分成幾頁啊,下面加上分頁符號不就行了,我就是這樣做的.

2、html背景圖片如何自動縮放,

純HTML沒辦法做到自動縮放,至於JS我就不清楚了。

我這邊推薦HTML兩種方法:
1、同時製作手機端、PC端、IPAD端三張背景圖片。根據不同環境調用!
2、只做一張圖,利用background-image的background-size:屬性來適應屏幕,如下代碼; background-image:url(../image/img.png); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;}

3、在html中將插入背景圖片,如何讓背景圖片跟屏幕一樣大?

方法:首先點擊【新建文件夾】,放入背景圖片,在Dreamweaver CS6中點擊【新建一個html空白文檔】,.將頁面內容放入<body></body>中,在<body後按一下空格鍵,找到background,再按空格,點擊【瀏覽】,選中背景圖,點擊【確定】,將html另存為在「表格」文件夾里。這樣就可以讓背景圖片跟屏幕一樣大。

4、css 背景隨頁面 縮放

背景圖片自動適應窗口變化CSS:
body {
background-image:url(*.jpg);
background-size:100% 100%;
}

5、怎麼讓網頁的背景圖片隨著頁面的拉伸而拉伸

|background-repeat : repeat | no-repeat | repeat-x | repeat-y 取值: repeat : 默認值。背景圖像在縱向和橫向上平鋪 no-repeat : 背景圖像不平鋪 repeat-x : 背景圖像僅在橫向上平鋪 repeat-y : 背景圖像僅在縱向上平鋪

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

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

7、網頁製作,求教如何讓背景圖片隨窗口等比例變化?

背景圖片,這個要在網站主頁頁面中設置啦, 把背景圖片放入一個DIV標簽,大小要跟圖片一樣大,然後新建這個DIV的CSS屬性,把CSS屬性裡面方框裡面的(上圖圈住屬性裡面全改成自定義就行了)

8、有沒有使網頁中背景圖片隨窗口大小縮放的HTML代碼?

沒有!JS才行

9、網頁設計:如何讓兩張背景圖片融合在一起(漸變)?

看看是不是同一個背景圖。是的話改圖,不是的話去掉單獨的樣式。

10、div+css怎麼讓背景圖片自動縮放

.imgDiv{

width:500px;

height:500px;

background-image:url('../images/index.jpg');

-moz-background-size: 100% 100%;  

-o-background-size: 100% 100%;  

-webkit-background-size: 100% 100%;  

background-size: 100% 100%;  

-moz-border-image: url(./btn.png) 0;  

background-repeat:no-repeat9;  

background-image:none9;

(此處空一行)

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/index.jpg', sizingMethod='scale')9;

(10)網頁設計將背景圖片和頁面一起縮放擴展資料:

css控制背景圖片自動伸縮自適應的小技巧

例子如下:

.picLUp{  

background:url(logo.png) no-repeat;  

width:100%;height:40%;  

background-size:100% 100%;  

}  

語法:

filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )

屬性:

enabled: 

可選項,布爾值(Boolean),設置或檢索濾鏡是否激活。true | false

true: 

默認值,濾鏡激活。

false: 

濾鏡被禁止。

sizingMethod: 

可選項,字元串(String),設置或檢索濾鏡作用的對象的圖片在對象容器邊界內的顯示方式。

與網頁設計將背景圖片和頁面一起縮放相關的知識