<!DOCTYPE HTML>
<html>
<head>
<title>背景圖片拉伸效果（css3支持）</title>
<style type="text/css">
body{
padding:0;
margin:0;
overflow-x: hidden;
background:url(ss.jpg) center no-repeat;
background-size:cover;
}
</style>
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
function resizeBody(){
$("body").height($(window).height() - 2).width($(window).width() - 2);
}
resizeBody();
$(window).resize(function(){
resizeBody();
});
});
</script>
</head>
<body>
</body>
</html>背景圖片拉伸效果（css3支持）
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章