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

html中背景图片不重复

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

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

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

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

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

style="background-image:url(images/1.gif);norepeat"

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

可用img图像代替,然后将内容绝对定位到img图像的上面.

.bodybg你这里定义样式是class=bodybg的背景,应该是定义body才对

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