當前位置:首頁 » 背景圖片 » body背景圖片全屏
擴展閱讀
微信大笑動態圖片 2024-11-08 00:31:16
女人性性興奮按摩師圖片 2024-11-08 00:17:13

body背景圖片全屏

發布時間: 2022-06-04 00:47:09

Ⅰ html頁面,怎麼設置全屏背景圖,在body外的,body內不包括該背景圖片!!!!!!

首先~還是給body設置背景~
然後再body裡面加一個層~~
把這個層定義成你想要的「body」的大小
-
-
~其實頁面你能看到的地方。都是在body里的。。
----------------------------
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8"
/>
<title>無標題文檔</title>
<style>
*{margin:0
auto;
padding:0
auto;}
body
{
background-color:#000}
#container
{
width:800px;
height:600px;background-color:#FFF}
/*這里高度是不用設的,只是DIV裡面沒內容,我就設了下高度,好看效果哈*/
</style>
</head>
<body>
<div
id="container">
</div>
</body>
</html>

Ⅱ HTML body設置全屏背景圖片問題

background-size:100% 100%;

更改成background-size:100%,100%;

前輩可能疏忽了,他的答案的是正確的。

Ⅲ 如何把HTML文件的背景圖片設成全屏

步驟一、首先打開需要修改的HTML文件。

Ⅳ body裡面的背景圖片怎麼設滿屏

body裡面的背景圖片設置滿屏的方法步驟如下:
1、新建body的css樣式,定義其寬度高度為自動,body {height: auto;width: auto;}
2、定義body的背景樣式,插入背景圖片,根據你的圖片樣式,設置圖片平鋪方式,可選擇橫向平鋪、縱向平鋪、完全平鋪或者不平鋪,用背景圖片平鋪方式來讓背景圖片滿屏。如下例橫向平鋪:
body {height: auto;width: auto;background: url(../images/body_bg.png) repeat-x;}。

Ⅳ html裡面怎樣讓背景圖片全屏,使用width和height來定義嗎,,

  1. 如果這張圖片為背景圖片由於背景圖片不具有伸縮性,只能通過別的方法繞著解決,在ie中可以用<body
    style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">,實現背景拉伸鋪滿整個瀏覽器,但其它的瀏覽器不支持。

  2. 這時可以拐個彎,設置兩層div,底層div當做背景使用,放置一張圖片即可。
    <div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>

  3. 網頁背景圖片默認情況下是重復平鋪滿整個頁面。上面1方法是要求圖片不重復,但又得占滿瀏覽器所採用的方法。

Ⅵ css裡面如何設置body背景圖片滿屏

<!doctypehtml><html><head><metacharset="utf-8"><title>無標題文檔</title><style>html{width:100%;height:100%}body{width:100%;height:100%;background:url(../1.jpg)no-repeat;background-size:cover;/*這里設置了背景圖片為覆蓋,以填滿整個容器*/}</style></head><body></body></html>

Ⅶ CSS怎麼讓body背景滿屏不會隨著Ctrl+滾輪變小

嗯我的空間會變小的

Ctrl + 滾輪放大縮小是現代大多數瀏覽器都會有的功能,其效果就是將頁面內容全部縮小或放大。
唯獨字體由於部分瀏覽器的原因,font-size最小12px,字體才不會變小。

當然,css3 可以幫到你,設定了 background-size:100%(前提是背景圖處於 100% 寬度的body或其他跟著 html/body 的 100% 寬度的標簽),圖片就不會縮小了。

而且還有個問題,當瀏覽器寬度(尺寸)變小時,你的背景圖也會跟著變小,自己考慮吧。

然而,css3 並不兼容全部瀏覽器,所以請自行考慮是否使用~

Ⅷ 在靜態網頁中怎麼把一個背景圖片全屏顯示

用Frontpage打要製作的靜態網頁,打開後編輯此網頁,右擊頁面設置背景圖片

Ⅸ html body 背景圖片怎樣才能全屏

要用到CSS才能全屏

body{
background-image:url(http://www.yn.xinhuanet.com/people/2007-01/17/xin_440104171459796205924.jpg)
}