css里面如何设置body背景图片满屏
3个回答
展开全部
<!doctype html><html><head><meta charset="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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
当然也要看显示器的大小，有些人是1024的或者像我是1920的，还有些人喜欢把浏览器弄的比较小都是都是写在CSS里面的，代码如下<style type="text/css">
body{margin:0;padding:0;background:url(这里就是图片的路径);}
</style>要是你还有不懂的可以加123209916这个群
body{margin:0;padding:0;background:url(这里就是图片的路径);}
</style>要是你还有不懂的可以加123209916这个群
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
~~~
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<script src="https://cdn.staticfile.org/jquery/1.11.2/jquery.min.js"></script>
<title>js实现body背景图自动扩缩</title>
</head>
<style>
* {
margin: 0px 0px;
padding: 0px 0px;
}
body {
background: url("images/bg1.png") no-repeat;
background-size: 100% 100%;
}
</style>
<body>
</body>
<script>
$(window).bind("resize load", function() {
$("body").css("height", $(window).height());
});
</script>
</html>
~~~
我这个才好使。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<script src="https://cdn.staticfile.org/jquery/1.11.2/jquery.min.js"></script>
<title>js实现body背景图自动扩缩</title>
</head>
<style>
* {
margin: 0px 0px;
padding: 0px 0px;
}
body {
background: url("images/bg1.png") no-repeat;
background-size: 100% 100%;
}
</style>
<body>
</body>
<script>
$(window).bind("resize load", function() {
$("body").css("height", $(window).height());
});
</script>
</html>
~~~
我这个才好使。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
