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

如题所述

用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。

温馨提示:内容为网友见解,仅供参考
无其他回答

在html中插入整个页面的背景图
1、先做一个简单的HTML页面,页面里只有一个div和一段文字。2、要添加整个页面的背景图片,我们就只能把背景加到body标签里了,所以我们在body里添加一个样式,叫‘bg’3、然后定义这个bg的样式规则,主要就是添加background-image样式,就是添加背景图。background-repeat是让背景图铺满整个页面。4、看...

html怎么设置背景图片全屏平铺?
1、新建一个html文档。2、设置一下HTML的框架,然后把图片设置在同一个文件夹里面。3、加入<style type="text\/css"><\/style>这样可以有样式设置。4、因为背景设置在主体,所以还要定义为body{}。5、background-image:url(图片),这个是添加图片的意思。6、然后我们需要加入background-repea...

html中,怎么让背景图片充满整个页面
一、打开Dreamweaver,然后选中html,出来了一个html标准文档。二、在标签里添加文件路径,语法如下:这时,页面虽然充满了背景,但可以看出背景图片被填充zhidao了多次。三、在里添加样式,代码如下:style=" background-repeat:no-repeat ;background-size:100% 100%;?background-attachment: fixed;"?你看...

html怎么让一张背景图片铺满
1、首先新建一个html文档。2、其次达到杭州机场后,设置一下HTML的框架,然后把图片设置在同一个文件夹里面。3、最后设置html和body的高度为100%,给背景添加背景图片,并设置background-size为100%即可将背景图片铺满。

html里,如果让背景图片根据屏幕大小铺满屏幕,不重复?
1、首先我们用Dreamweaver软件做一个html文档,当然用其他编辑器也可以。2、然后给body设置一个背景图片,这里小编给body加了一个高度,以便能看到图片。3、然后先在浏览器中预览一下效果。会看到图片两遍有空白,没有填充满整个屏幕。4、将background-size,可以设置其值为100%。5、需要注意的是这是...

如何把HTML文件的背景图片设成全屏?
1、最简单方法使用css3.0新增的一个属性background-size,代码如图。IE8以下不支持。2、打开浏览器查看效果如下:3、使用css代码如图。支持IE9+,IE 7\/8: 平铺效果支持,但是在小于1024px的屏幕下居中效果失效。4、然后打开浏览器效果如图所示。5、之后使用jQuery模拟的方法。css代码如图。6、然后...

html网页设计里面怎么平铺背景图片?
1、图片不够大,又background属性不能拉伸图片;2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用;3、body的background属性去掉,要不然会被遮住。html网页设计里面平铺背景图片的代码如下:网页背景默认是平铺整个屏幕的,可能有以下原因导致不能平铺:1、图片不够大,...

HTML如何让Body的背景图覆盖整个页面
需要准备的材料分别有:电脑、浏览器、html编辑器。1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<body>标签中,新增样式代码:background-image: url(image.jpg);background-size: 100%。3、浏览器运行index.html页面,此时body的背景图片整个覆盖了页面,没有白框。

在html中将插入背景图片,如何让背景图片跟屏幕一样大?
方法:首先点击【新建文件夹】,放入背景图片,在Dreamweaver CS6中点击【新建一个html空白文档】,.将页面内容放入<body><\/body>中,在<body后按一下空格键,找到background,再按空格,点击【浏览】,选中背景图,点击【确定】,将html另存为在“表格”文件夹里。这样就可以让背景图片跟屏幕一样大。

网页设计背景图片怎么填满整个背景呀?
1、如果楼主只是将其当做一张图片显示,可以通过css控制,如img{width:100%;height:100%;}.否则需要将其作为网页背景的话可以试试如下方法:2、如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用<body>,实现背景拉伸铺满整个浏览器,但其它的浏览器不支持。这...

相似回答
大家正在搜