ddgw.net
当前位置:首页 >> html背景图片铺满网页 >>

html背景图片铺满网页

如果是background,一般没有这么弄的,有个替代方法是把图片放在<img>标签内,设置它的宽和高度为100%,参考:http://blog.csdn.net/ysf871104/article/details/5705099

background-size:100% 100%;记得这个是background 背景不是img图片.

css文件里 直接在body中插入背景图,加上no-repeat; 这样图片不会重复.如果要铺满整个页面,就调整图片大小等于页面大小

html代码<!DOCTYPE HTML><html><body><img id="bg" src="图片地址" /></body><html>css代码 body{ margin: 0px; padding: 0px; }#bg{ width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; }

用背景来实现,在里面加入样式属性 style="background:(图片路径)"即可 有什么问题可以随时找我

如果你没有特意去设置body和html的大小,那么直接在body或者html设置背景就好了

(1)body{background:url(背景图) repeat;} 说明:repeat表示背景图的平铺方式!其实一般你将一张图片作为背景时,会默认为平铺,所以不需要刻意去设置,相反如果我们不想图片平铺那么这时就需要设置为no-repeat;这时图片就会按原来的尺寸显示!(2)如果图片过小,那么图片平铺就会出现重复的地方,其实和把一张图片设置为桌面墙纸类似! 我试过了,想要想铺满但是不重复的话选择一张1024X768的图片,当然这只是针对显示器为1024X768的! 具体选择就看你显示器的分辨率了!

对的,只需要解析这个图片,其他的几乎不耗费速度

使用纯CSS即可实现你要的效果,图片会根据窗口大小自动调整为全屏大小,代码如下:<!DOCTYPE html><html><head><meta charset="utf-8"><style>html,body {height:100%;}body {margin:0; padding:0;}a img {border:none;}.bg-img {

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

网站首页 | 网站地图
All rights reserved Powered by www.ddgw.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com