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

html背景图片铺满

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

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

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

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

body{background:url(http://img.baidu.com/img/logo-zhidao.gif) fixed} 图片与背景一样大的想法是不可行的,因为背景多大,取决于显示器分辨率,浏览器窗口大小.另外,作为背景图的图片,是不能缩放大小的.

加入如下 css:body { background-image: url("背景图片(如果跟css不在同一路径下,记得改相对或绝对路径).jpg"); background-size: cover; background-repeat: no-repeat; background-attachment: fixed;}

让背景图片充满整个页面在选择插入时设置尺寸

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

1、在body加入 <body background="背景图.jpg">,但是图片是平铺.2、因为background属性不能拉伸图片,只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img>,其中z-index:-1为了让该div在最下层,也

不明白啊 = =!

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