英文網(wǎng)頁制作中CSS固定背景代碼發(fā)布者：本站     時(shí)間：2020-05-16 10:05:14

<style>body{background:url("頁面大背景圖片地址")repeat scroll!important;}</style>

給大家講解一下其中兩個(gè)參數(shù)：“repeat”：重復(fù)，簡單的說其效果是我們選取某一張圖片當(dāng)背景，當(dāng)圖片的大小不夠的時(shí)候會(huì)以平鋪顯示，這個(gè)大家在自己電腦的桌面上設(shè)置的時(shí)候應(yīng)該有所體會(huì)吧；“scroll”：英文字面意思就是卷軸，其效果是大背景會(huì)隨著右邊滾動(dòng)條拉動(dòng)的時(shí)候而滾動(dòng)。那么我們怎么讓大背景固定不動(dòng)呢，其實(shí)很簡單，就改其中一個(gè)參數(shù)而已，改后固定背景的代碼是：

<style>body{background:url("頁面大背景圖片地址")repeat fixed!important;}</style>

大家應(yīng)該看出什么不同了吧，那么這個(gè)固定背景代碼有什么用呢，顧名思義，就是讓大背景固定不動(dòng)，大家改博客大背景的時(shí)候應(yīng)該有所體會(huì)，我們所選取來當(dāng)大背景的圖片一般是顏色均勻的豎長條形或者方塊形，而這里我們用來當(dāng)大背景的圖片就不同了，除了可以用豎長條形的圖片外，還可以是比較大一點(diǎn)的圖片，其規(guī)格大概是1000*600，當(dāng)然這個(gè)不是精確是數(shù)值，只是個(gè)約數(shù)，但是大家所找的圖片最好別小于這個(gè)規(guī)格，這種情況下大家就會(huì)想到我們平時(shí)用來當(dāng)電腦桌面的壁紙就可以用在這里當(dāng)博客的大背景，這樣博客大背景圖片的選擇面就更廣了，因?yàn)樽烂姹诩堄泻芏啵?024*768規(guī)格的更是多的滿天飛，去網(wǎng)上搜索一下到處都是，而且百度有專門的壁紙搜索。不過要說明的是，所用的背景圖片別直接用網(wǎng)上的地址，那個(gè)嚴(yán)重影響你的博客速度

那么大背景固定之后會(huì)有什么變化呢：首先，廢話，當(dāng)然是大背景不動(dòng)了，當(dāng)你拉動(dòng)右邊滾動(dòng)條的時(shí)候只有中間模塊和文章的部分在動(dòng)。不過這里我只給大家方法介紹，要不要讓大背景固定完全取決于大家的喜好。