wnlt.net
当前位置:首页 >> html5背景图片不平铺 >>

html5背景图片不平铺

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

<style> body {background-repeat:no-repeat;}</style> 将以上代码保存在网站代码的<head>之间</head> 即可解决问题 代码说明:强制设置背景图片为不平铺

图片不够大,要不你把设置的宽度调小点

在body里面设计,可以这样设定背景图像不平铺:<body style="background-image: url("图片文件地址"); background-repeat:no-repeat;">

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

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

div{background:url(145.png) repeat scroll 50% 0px transparent} 这个div里面没用的属性去掉 你加个50%和0px 做什么用

是不是一条细图片?外面的DIV加宽度居中#navigation_main { background:url(images/navigation_bg.jpg);width: px; height: px; } 如果是一长条图片#navigation_main { background:url(images/navigation_bg.jpg) no-repeat;}

【background-repeat:repeat-x;】这个属性的意思是背景图X重复你要平铺的话,改成background-repeat:repeat; 或者整句话去掉

你按着下面的做就行了<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>无标题文档</title><style type="text/css"><!--.unnamed1 { background-image: url(http://www.it365cn.com/bbs/emot/em22.gif)

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