mtwm.net
当前位置:首页 >> 图片BACkgrounD自适应Div >>

图片BACkgrounD自适应Div

自适应?那就把背景图片平铺显示了如果想div变大图片也变大,用背景图片(background-image)是做不到的

把图片设置成合DIV一样的高和宽就行了.但这样会导致图片大小变形了,很难看的.如果选择自适应的话又会使自己的DIV一会大一会小,网站整体都变形了,这个东西不好弄的.

你好,如果只考虑高级浏览器,这个需求很好做,一句简单的css代码就可以搞定了:html,body {width: 100%;height: 100%;}body {background-image: url(images/bg.png);background-size: cover;}其中background-size的取值:cover:保证背景不

用background-size属性,你想给他多大的百分比都可以,不设置表示默认图片大小,设置100%表示全屏显示图片,按比例缩小或者放大. 这样就可以实现背景图片自适应父容器大小而自动变化,达到填充效果. 但是,图片会被拉伸填充,这

这个要用到JS的,除非你让图片重复填充(repeat).以前做一网站的时候就遇见这头疼问题,搞了好久!下面是我当时解决的方法!<script type="text/javascript"><!--window.onload=window.onresize=function(){if(document.getElementById("

背景图要自适div就要用重复repeat-x,repeat-y,

不清楚你说的中间那个 div高度自适应,是适应标签内部的内容,还是适应窗口变化!?-----------------------------------------------------------如果是自适应内部内容的话,不指定高度即可.如:内容-------------------------------------------------------------如果是自适应窗口大小,解决的方法也多,不过都有点局限性!先介绍一种吧!有需要再给我留言就是了!如:内容这种方法兼容ie8、ff、Safari、Opera,但对ie6支持不好,ie7稍微好一点,如果只局限在body次层使用也有解决的方法.

这样子就行的

1、首先你要明白背景图片没法100%.只能通过平铺的方式达到100% 2、你的背景图片超过了笔记本屏幕的大小,就没法显示全部. 3、<style>body {background:url("bglogo.gif") repeat fixed!important;}<style> 代码说明: fixed 固定,大背景不会因为你拉动滚动条而滚动 4、你反过来想一想,假如显示器有30“,你的图片100%实现了效果,图片是不是被拉伸,是不是会失真. ------------------------借鉴团队 宁波网站的

固定的div里面,如果放置图片宽和高都比较小,为了避免小图片的变形,会按图片大小显示在DIV中.这样的做过:DIV一定,图片放置其中,对DIV进行用CSS控制,当溢出时,按DIV大小显示图片.有这样的做法可以实现.很遗憾,现在,手头没有代码.记得从一本书上参考.你可以再找找.

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