css怎樣讓背景充滿整個螢幕
1樓:小西
html
.your content goes here...
給body標籤指定背景圖,這樣背景圖就可以填充整個瀏覽器viewport了。
其實,該方案對所有的塊級容器都可以生效。塊級容器的寬高是動態的,那麼背景圖將自動伸縮,充滿整個容器。
css body標籤的樣式如下:
body上面最重要的一條就是:
background-size: cover;
這樣瀏覽器就會按比例縮放背景圖直至背景圖寬高不小於容器的寬高(在上面的例子中,就是body標籤)。
這裡需要注意的一點就是:如果背景圖小於body標籤的尺寸(例如在高解像度顯示器上,或頁面內容特別多時),瀏覽器會拉伸**。都知道,當把乙個**拉伸時,**會變模糊。
因此,在選擇背景圖時,要特別注意尺寸。為了照顧到大尺寸螢幕,demo裡用的**尺寸為5498px * 3615px 。
同時,為了讓背景圖始終相對於viewport居中,宣告瞭:
background-position: center center;
上面的規則會把背景圖縮放的原點定位到viewport的中心。
接下來需要解決的問題是:當內容的高度大於viewport的高度時,會出現滾動條。希望背景圖始終相對於viewport固定,即使使用者滾動時也是一樣。
解決辦法就是:
background-attachment: fixed;
2樓:海南特產大全
你說的是要設定導航條的背景為全屏嗎?
如果是的話,你在導航的父區塊設定背景就可以瞭如果要整個網頁都設定背景全屏。
可以在body標籤裡面設定網頁背景。
3樓:網友
可以把寬度設定成百分比,按你的要求你設定成100%就可以,不要寫固定的數字。
4樓:駐雲客
如果你是用的背景圖 那麼就用background-repeat:repeat-x;這個css樣式就可以了 它是將你的背景圖橫向重複添充的意思。
5樓:匿名使用者
只是因為有預設值吧,把* 加上。
unity ugui 怎麼讓背景和字一樣長
6樓:
可以掛乙個contentsizefitter,然後改變文字後再改變一下背景的大小。
html 怎麼讓背景圖鋪滿整個頁面
7樓:網友
下面這段**給div設定了乙個寬度和高度,然後新增了一張背景**,並使用了background-size:cover;這個屬性,就會自動放大或縮小背景**來適應,但是需要指出的是這個屬性在需要在ie9及以上版本支援,谷歌和火狐都支援,具體支援情況看上面的圖,淺綠的代表支援,粉紅的不支援,你也可以到自己檢視支援性。
8樓:網友
我自己試出來的,希望有用。
例子,用css
9樓:網友
在body裡面直接用,調bg的size就可以了。
html5 如何讓背景**填充整個螢幕不變形,並在螢幕滑動時保持不動?
10樓:上官龍樓
講一下思路:只定義一張背景圖,固定就可以了。
html如何讓body的背景圖覆蓋整個頁面
11樓:幻翼高達
2、在中的標籤中,新增樣式**。
3、瀏覽器執行頁面,此時body的背景**整個覆蓋了頁面,沒有白框。
12樓:言言言小魚
body
這樣就可以了,不可以的話請追問。
unity3d怎麼讓地形中隨機出現物體
public gameobject prefab1 先把金幣做成抄預設襲物 gameobject go gameobject instantiate prefab1 用這句建立這個預設物 go.transform.position用來設定位置destroy 名字 用來刪除金幣int b random...
CDR怎麼讓有黑色背景的圖在紅色背景下不顯示
選擇工具箱中的 透明度工具 在其工具欄屬性的 合併模式 中單擊專右側黑色三角號 屬,出現多種透明度合併模式的設定。這類似於ps中的圖層混合模式,如 標準模式 疊加模式 柔光模式 等等。相關參考 在coreldraw中如何去掉 的背景 1.開啟coreldraw軟體,匯入待處理的 2.此時匯入的是點陣...
iphone5鍵盤背景怎麼設定,iPhone5鍵盤背景怎麼設定
原帶的鍵盤沒有辦法設定背景,除非越獄。可以試試第三方軟體,比如搜狗之類的,那些都是可以設定的,還可以設定自己的 蘋果手機怎麼弄鍵盤背景 蘋果手機自帶的輸bai 入法是無du 法更換鍵盤背景的,zhi只能更換透明度。dao 使用第三方專的輸入法,在屬輸入法設定中,即可設定鍵盤背景。方法流程 2 開啟鍵...