Question

html中,怎么让背景图片充满整个页面

Answer 1

用Dreamweaver软件编辑copy

一、打开Dreamweaver,然后选中html,出来了一个html标准文档。

二、在标签里添加文件路径，语法如下：

这时，页面虽然充满了背景，但可以看出背景图片被填充zhidao了多次。

三、在里添加样式，代码如下：

style=" background-repeat:no-repeat ;

background-size:100% 100%;?

background-attachment: fixed;"?

你看，背景就充满页面了。

首先要确定一点，背景图片还没有强大到自适应网页的大小的程度。目前的解决办法有几个：

1. 做一个很大的背景（居中显示），当小屏幕浏览时，只显示中间的部分;（缺点是要做一张足够大的背景图片，以满足大屏幕用户的需要，但对于手机用户或者网速比较慢的人来说，是不能够接受的）

2. 做一个边缘能融合背景色的图片，这样当图片无法满足大屏幕，达到一定程度时，就可以用背景色来填充剩余的部分;（要用ps来处理，需要一些美感^__^）

3. 如果前两种，你都觉得不好，一定要让一张图片来自适应，那就把背景图片做成flash吧，因为它可以全屏自适应，然后把这个图片当成“背景”，再定位写其它网页元素。（缺点：手机用户还是不支持）

总之，各有利弊，要根据实际的需求，选择使用哪种解决方案！html中,怎么让背景图片充满整个页面？

在设置背景图片的后面的CSS里设置上 repeat。

例如：background：url(图片的准确地址) repeat。

logo设计

创造品牌价值

¥500元起

APP开发

量身定制，源码交付

¥2000元起

商标注册

一个好品牌从商标开始

¥1480元起

公司注册

注册公司全程代办

¥0元起

查

看

更

多

• 官方电话
• 官方服务
  • 官方网站
  • 八戒财税
  • 知识产权
  • 八戒服务商
  • 企业需求
  • 数字市场