背景圖像要根據屏幕大小自動伸展

而且還圖像必須被拉伸自動根據屏幕大小背景圖像要根據屏幕大小自動伸展

body{ 
    background-image:url("BG URL"); 
}

來源

2012-11-01 Raja O

試試這個：

.classname 
{ 
background: url(../images/background.jpg) no-repeat; 
background-position:center center; 
background-attachment:scroll; 
background-size:100% 100%; 
}

來源

2012-11-01 06:17:56

'{background-size：contains; '也適用。 – Nic

試試這個background-size:cover

body{ 
    background:url("myBgUrl"); 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

more info

來源

2012-11-01 06:21:58

非常推薦使用'background-size：cover'。對於不支持它的瀏覽器，您可以使用[polyfill]（https://github.com/nsbingham/BackgroundSize）。 – koostudios

完美rohit ..........和背景大小：封面支持，直到IE-9 ...... –

請使用一個，它將支持所有瀏覽器

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> 
<script src="jquery.backstretch.min.js"></script>

來電圖像

jQuery(document).ready(function() 
    { 
    $.backstretch("path/to/image.jpg"); 

    });

你可以從這裏 https://github.com/srobbin/jquery-backstretch

來源

2012-11-01 06:28:32 ShibinRagh

body 
{ 
background:url(/image/bg.jpg) repeat-x; 
}

如果下載js文件不工作！

body 
{ 
background:url(/image/bg.jpg) repeat; 
}

希望這可以幫助你。

來源

2012-11-01 09:07:32

背景圖像要根據屏幕大小自動伸展

回答

相關問題