wnlt.net
当前位置:首页 >> html5背景图不重复 >>

html5背景图不重复

背景图片不重复不平铺,可以这样设定背景:1、<body style="background-image: url("图片文件地址"); background-attachment: fixed;"> 这样背景图片就会固定住,不会因页面滚动而重复.2、使图在任何大小的屏幕都不会显示重复

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

我自己试出来的,希望有用 例子,用cssstyle=" background-repeat:no-repeat ; background-size:100% 100%; background-attachment: fixed;" >

.bg {background-repeat:"三种情况"};三种情况为:no-repeat(不重复)、repeat-y(纵向重复)、repeat-x(横向重复),默认的时候是纵向和横向都重复..bg {background-positon:(x,y)background-positon的妙用,他是定位图片所在位置;他的位置可以用像素表示,可以用英文(left、right、bottom、top、middle、center)这些就不用我解释了.xy坐标也不用我解释了吧 回答完毕!!

background:url(背景图片地址) left top no-repeat;}

body {background-repeat:no-repeat;background-position:center top;}这是css,第一个属性是不重复,第二个是居中居顶显示

"背景图不循环不平铺,可这设定背景:1、这背景图就会固定住,不太会因界面滚动而循环.2、使图在任何大小的显示器都不太会显示循环,可这设定背景(图像不平铺):两者结合,就是:"

设置CSS样式中background-repeat属性 值: no-repeat 不平铺 repeat-y 按Y轴平铺 repeat-x 按X轴平铺

先把图片的大小改下吧!插入背景时 选择不重复就可以了!

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