Ⅰ html页面,怎么设置全屏背景图,在body外的,body内不包括该背景图片!!!!!!
首先~还是给body设置背景~
然后再body里面加一个层~~
把这个层定义成你想要的“body”的大小
-
-
~其实页面你能看到的地方。都是在body里的。。
----------------------------
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
XHTML
1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=utf-8"
/>
<title>无标题文档</title>
<style>
*{margin:0
auto;
padding:0
auto;}
body
{
background-color:#000}
#container
{
width:800px;
height:600px;background-color:#FFF}
/*这里高度是不用设的,只是DIV里面没内容,我就设了下高度,好看效果哈*/
</style>
</head>
<body>
<div
id="container">
</div>
</body>
</html>
Ⅱ HTML body设置全屏背景图片问题
background-size:100% 100%;
更改成background-size:100%,100%;
前辈可能疏忽了,他的答案的是正确的。
Ⅲ 如何把HTML文件的背景图片设成全屏
步骤一、首先打开需要修改的HTML文件。
Ⅳ body里面的背景图片怎么设满屏
body里面的背景图片设置满屏的方法步骤如下:
1、新建body的css样式,定义其宽度高度为自动,body {height: auto;width: auto;}
2、定义body的背景样式,插入背景图片,根据你的图片样式,设置图片平铺方式,可选择横向平铺、纵向平铺、完全平铺或者不平铺,用背景图片平铺方式来让背景图片满屏。如下例横向平铺:
body {height: auto;width: auto;background: url(../images/body_bg.png) repeat-x;}。
Ⅳ html里面怎样让背景图片全屏,使用width和height来定义吗,,
如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用<body
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">,实现背景拉伸铺满整个浏览器,但其它的浏览器不支持。这时可以拐个弯,设置两层div,底层div当做背景使用,放置一张图片即可。
<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>网页背景图片默认情况下是重复平铺满整个页面。上面1方法是要求图片不重复,但又得占满浏览器所采用的方法。
Ⅵ css里面如何设置body背景图片满屏
<!doctypehtml><html><head><metacharset="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>Ⅶ CSS怎么让body背景满屏不会随着Ctrl+滚轮变小
嗯我的空间会变小的
Ctrl + 滚轮放大缩小是现代大多数浏览器都会有的功能,其效果就是将页面内容全部缩小或放大。
唯独字体由于部分浏览器的原因,font-size最小12px,字体才不会变小。
当然,css3 可以帮到你,设定了 background-size:100%(前提是背景图处于 100% 宽度的body或其他跟着 html/body 的 100% 宽度的标签),图片就不会缩小了。
而且还有个问题,当浏览器宽度(尺寸)变小时,你的背景图也会跟着变小,自己考虑吧。
然而,css3 并不兼容全部浏览器,所以请自行考虑是否使用~
Ⅷ 在静态网页中怎么把一个背景图片全屏显示
用Frontpage打要制作的静态网页,打开后编辑此网页,右击页面设置背景图片
Ⅸ html body 背景图片怎样才能全屏
要用到CSS才能全屏
body{
background-image:url(http://www.yn.xinhuanet.com/people/2007-01/17/xin_440104171459796205924.jpg)
}