怎样用html设置背景图片的大小
怎样用html设置背景图片的大小啊不管页面有多大，怎样滚动，背后都始终是一个图片,没有重复的谁能告诉我啊，谢谢了。不用网页制作的软件就用普通的记事本编...
怎样用html设置背景图片的大小啊
不管页面有多大，怎样滚动，背后都始终是一个图片,没有重复的
谁能告诉我啊，谢谢了。
不用网页制作的软件
就用普通的记事本编 展开
不管页面有多大，怎样滚动，背后都始终是一个图片,没有重复的
谁能告诉我啊，谢谢了。
不用网页制作的软件
就用普通的记事本编 展开
9个回答
展开全部
无法按你说的理想实现。
但大神们一般不会去找盖茨非让他把这个功能加上，一般都是想个变通的方法。
首先我不知你为什么要用多个div，为什么要用同一张图片，为什么有大有小，为什么非得是背景。我给你说个思路，肯定行。
首先背景自适大小肯定行不通，那么不是背景的话，就是一张图片的话肯定可以行得通的（定义每个div宽高，里面的图片宽高），所以看代码吧
<divstyle="position:relative;width:300px;height:200px;border:1pxsolidred;float:left;">
<imgsrc="img/header_right.jpg"style="width:300px;height:200px;">
<divstyle="position:absolute;top:0px;left:0px;">这里放入内容1</div>
</div>
<divstyle="position:relative;width:200px;height:100px;border:1pxsolidred;float:left;">
<imgsrc="img/header_right.jpg"style="width:200px;height:100px;">
<divstyle="position:absolute;top:0px;left:0px;">这里放入内容2</div>
</div>
<divstyle="position:relative;width:100px;height:50px;border:1pxsolidred;float:left;">
<imgsrc="img/header_right.jpg"style="width:100px;height:50px;">
<divstyle="position:absolute;top:0px;left:0px;">这里放入内容3</div>
</div>
但大神们一般不会去找盖茨非让他把这个功能加上，一般都是想个变通的方法。
首先我不知你为什么要用多个div，为什么要用同一张图片，为什么有大有小，为什么非得是背景。我给你说个思路，肯定行。
首先背景自适大小肯定行不通，那么不是背景的话，就是一张图片的话肯定可以行得通的（定义每个div宽高，里面的图片宽高），所以看代码吧
<divstyle="position:relative;width:300px;height:200px;border:1pxsolidred;float:left;">
<imgsrc="img/header_right.jpg"style="width:300px;height:200px;">
<divstyle="position:absolute;top:0px;left:0px;">这里放入内容1</div>
</div>
<divstyle="position:relative;width:200px;height:100px;border:1pxsolidred;float:left;">
<imgsrc="img/header_right.jpg"style="width:200px;height:100px;">
<divstyle="position:absolute;top:0px;left:0px;">这里放入内容2</div>
</div>
<divstyle="position:relative;width:100px;height:50px;border:1pxsolidred;float:left;">
<imgsrc="img/header_right.jpg"style="width:100px;height:50px;">
<divstyle="position:absolute;top:0px;left:0px;">这里放入内容3</div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你用什么制作网页???
dreamweaver中新建一个css标签样式表,类别选择body.有背景图的详细设置.可以根据自己的需要设置.
以下是一个背景图固定,左右上下都居中,且不重复的样式代码..
<style type="text/css">
<!--
body {
background-attachment: fixed;
background-image: url(背景图路径);
background-repeat: no-repeat;
background-position: center center;
}
-->
</style>
dreamweaver中新建一个css标签样式表,类别选择body.有背景图的详细设置.可以根据自己的需要设置.
以下是一个背景图固定,左右上下都居中,且不重复的样式代码..
<style type="text/css">
<!--
body {
background-attachment: fixed;
background-image: url(背景图路径);
background-repeat: no-repeat;
background-position: center center;
}
-->
</style>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
background-image: url(图片路径);
}
-->
</style></head>
<body>
aa</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
<!--
body {
background-image: url(图片路径);
}
-->
</style></head>
<body>
aa</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
那是因为你的背景图片选的太小
你看看你的图片是多少成多少像素的
要比你的桌面差不多才能显示一整张
不然默认的就是平铺出好多张
直到把屏幕填满
这种情况是没办法再设置图片大小的
因为你的图片本来就那么小了
你看看你的图片是多少成多少像素的
要比你的桌面差不多才能显示一整张
不然默认的就是平铺出好多张
直到把屏幕填满
这种情况是没办法再设置图片大小的
因为你的图片本来就那么小了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
background-repeat:
no-repeat;
//图片不重复
background-attachment:
fixed;
//不随滚动条滚动
---------
找张大小合适的图片.
背景不能改变图片大小
no-repeat;
//图片不重复
background-attachment:
fixed;
//不随滚动条滚动
---------
找张大小合适的图片.
背景不能改变图片大小
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（7）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
