html怎么将背景图与浏览器大小自适应

如题所述

如果通过css设置背景图,那么图片尺寸要足够大,目前大宽屏1920左右,所以宽度最好设置为1920,然后居中;如果通过div嵌入图片,那么将此div设置成绝对定位,z-index:-1。

万维网上的一个超媒体文档称之为一个页面(外语:page)。作为一个组织或者个人在万维网上放置开始点的页面称为主页(外语:Homepage)或首页,主页中通常包括有指向其他相关页面或其他节点的指针(超级链接),所谓超级链接,就是一种统一资源定位器(Uniform Resource Locator,外语缩写:URL)指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站(Website或Site)。超级文本标记语言(英文缩写:HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。

网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。

温馨提示:内容为网友见解,仅供参考
第1个回答  2017-10-23
1、图片不够大,又background属性不能拉伸图片; 2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> 3、body的background属性去掉,要不然会被遮住

[html] view plain copy

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>hello world</title>
</head>
<body>
<div id="Layer1" style="position:absolute; width:100%; height:100%; z-index:-1">
<img src="pictures/background.jpg" height="100%" width="100%"/>
</div>
</body>
</html>本回答被提问者采纳

HTML中的图片如何自适应屏幕?这篇文章有图片的自适应用法介绍
最简单的方法是将图片设置为div的背景,例如:background:url(..\/img\/1.jpg) center no-repeat; 这样可以保证图片自适应屏幕大小,同时避免横向滚动条的出现。设置background-url(图片地址) 0 0 no-repeat scroll transparent;background-size:100% 100%可以固定图片在msg_desc中,方便使用。在html中...

HTML中的图片如何自适应屏幕?这篇文章有图片的自适应用法介绍
本文将详细介绍HTML中图片如何适应屏幕的不同方法。首先,将图片作为div背景,使用background-position设置为center no-repeat,能确保图片自适应屏幕且无横向滚动条,如:`background:url(..\/img\/1.jpg) center no-repeat;`另一种方式是设置图片的background-size为100% 100%,使其在msg_desc元素中占...

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

HTML中怎么让背景图片跟着浏览器窗口变大变小?
HTML中怎么让背景图片跟着浏览器窗口变大变小? 你可以先用表格,按%显示表格,表格里再背景就OK了,<table width=316 height=76 border=0 cellpadding="0" cellspacing="0"> <tr> <td background="1.jpg"> <\/td> ASP如何设置背景图片平铺浏览器窗口 首先要看你的背景图片是不是够大 ...

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

html背景图片如何自适应大小
首先看你的背景图片大小,如果很大的话,一般情况下很多显示器都会显示的合适。如果是想适应移动设备的,用一个CSS3属性 background-size:cover;就可以了,可以将背景图根据窗口大小铺满整个浏览器窗口。

html中,怎么让背景图片充满整个页面
首先要确定一点,背景图片还没有强大到自适应网页的大小的程度。目前的解决办法有几个:1.做一个很大的背景(居中显示),当小屏幕浏览时,只显示中间的部分;(缺点是要做一张足够大的背景图片,以满足大屏幕用户的需要,但对于手机用户或者网速比较慢的人来说,是不能够接受的)2.做一个边缘能融合...

html背景图片如何自适应大小?
如果通过css设置背景图,那么图片尺寸要足够大,目前大宽屏1920左右,所以宽度最好设置为1920,然后居中;如果通过div嵌入图片,那么将此div设置成绝对定位,z-index:-1。万维网上的一个超媒体文档称之为一个页面(外语:page)。作为一个组织或者个人在万维网上放置开始点的页面称为主页(外语:Homepage...

html背景图片位置?
6、保存html代码后重新刷新浏览器,这个时候会发现浏览器上的背景图片已经自动居中了。html中如何加入背景图片在html中某个div里加入背景图片的话,主要有以下几种方式:第一种:在css文件里加入背景图片:在css里用url(..\/images\/背景图2.jpg),在内联css和引入css中会由于html文件和css文件所处的相对...

HTML5怎样实现图片随浏览器窗口变化大小
方法:给图片设为background-image,加上:background-size: 100%;

相似回答