① css,布局背景图片问题,求大神
background:url(images/a.gif) no-repeat x y; x,y用值代替(比如10px 10px);
x的值:是距离图片左边的距离;
y的值:是距离图片右边的距离。
祝楼主工作顺利!
② div+css中布局图片作为背景问题
如果用repeat属性的话,图片会重复,所以你还是强制把图片的宽和高设置成合DIV一样的值,但是那样图片会失真,这也不是什么好方法。你还是把图片事先做成你想要的大小比较好一点儿。
③ CSS布局:背景图片设置不平铺,结果平铺了;什么情况只有在火狐下正常,其他浏览器平铺。 字幕D家居这个
没看见你的css代码,我只能猜测一下,你说背景图片设置了不平铺,会不会有误区,比如你没有设置背景图片是不是平铺,就以为是设置了不平铺,因为你不设置是否平铺,默认是横向纵向平铺。你一定要写background-repeat: no-repeat;才是设置了不平铺。
还有,比如你这样写了background:url(图片名称) repeat 0 0;也是横向纵向都平铺的意思,要想不平铺,应该这样写background:url(图片名称) no-repeat 0 0;
还有一个可能,或许你有两个div设置了一个类,然后你设置了那个类背景不平铺,但是css效果体现在了两个两个div上,看上去像平铺了
④ div+css如何控制背景图片全显示出来
可以使用:Background-size属性
语法:background-size:
[<length>|<percentage>| auto ]{1,2} | cover | contain
取值:<length>:
由浮点数字和单位标识符组成的长度值。不可为负值。
<percentage>:
取值为0%到100%之间的值。不可为负值。
(4)css布局背景图片扩展阅读:
DIV+CSS的合理之处在于可以进行网页的统一设计管理,通过一个样式表,牵一发而动全身,只要修改样式表,就可以统一全站的风格,如果为一个页面单独做一个样式表,或者一个div就做一个样式表,没有全局设计观念,那么这个div+CSS的设计方式就完全没有必要,甚至成了累赘。
精简的代码,使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道。代码精简提高了网络蜘蛛的爬行效率以及高效性,能在最短的时间内爬完整个页面,同时这样对收录质量有一定好处。
div+css结构清晰,很容易被搜索引擎搜索到,天生就是适合优化seo,降低网页大小,让网页体积变得更小。注意:div+css结构清晰、精简,不意味着可以全部用div+css结构,比如通篇HTML标签全DIV的,貌似除了<head>之上及<body>之上及之外。
其它全是<div>,就如同整个HTML是一万个毫不相干的内容拼装起来,或者通篇是<div><ul><li>结构的,就如同这个页面所有元素全是列表。事实上这两种情况还相当普遍,因为曲解了“DIV+CSS”的真实含义,因为一个完整页面几乎不可能仅仅DIV+CSS就能完成。
⑤ div+css布局 设置的背景图片显示不出来
这是因为在i 、li 、a这些标签中添加背景时都需要给一个宽高,或者display:block。让他成为块元素。否则他没有宽高。只有一条线或者一个点那么大怎么显示背景啊
⑥ html背景图片布局
最好可以想办法用JS算好你要铺背景的装载款的高宽,然后类似以下的css
div
{
background:url(/i/bg_flower.gif);
background-size: 100% 100%;
-moz-background-size:35% 100%; /* 老版本的 Firefox */
background-repeat:no-repeat;
}
关键是:background-size: 100% 100%;这句。IE下大部分会不支持的background-size的
⑦ div+css布局背景在一张大图上
你说的是很多的小图(ico)放在一个大图上,然后通过定位来取这些小图(ico)吗?
这是国外比较流行的技术,名叫"css sprites",这样把很多小图放在大图里可以节省下载时间,减少图片大小(全放在一个大图上,比分散成N个小图大小总和要小很多).
下面是一些css sprites的技术介绍,你可以看看.
http://www.blueidea.com/tech/web/2007/4967.asp
http://www.chinaz.com/Webbiz/Exp/0525M2122009.html
http://www.webjx.com/css/divcss-11994.html
⑧ 简单的网页作业,一页就行,用css+div布局,有背景图片的那种最好
网上另存一个也行
⑨ div+css布局时对一张背景图片上多个小图片定位实现的方法
图片单独定位:如下
<body style="background:url(../images/bg.png) 0 0 no-repeat; width:1000px; height:500px;">
<div style="background:url(../images/pic.png) 0 0 no-repeat; width:20px; height:20px; position:absolute; top:200px; left:500px;"></div>
</body>
背景图片bg.png宽度为1000px;高度为500px,上面浮动一个小图片pic.png,位置是距上200px,距左500px;
你可以用table布局的方式定位图片
⑩ css背景图片
是的,错了!
background要着明扩展名,也就是什么类型的图片,例如:background.jpg,在同一目录下前面的"/"也不用