www.zhnq.net > Css手机版页面制作时如何让背景图片适应Div的高度和宽度

Css手机版页面制作时如何让背景图片适应Div的高度和宽度

具体步骤如下:1、输入position:fixed; top: 0; left: 0;使整个div固定在屏幕的最上方和最左方.2、输入width:100%;height:100%; min-width: 1000px;这个可以适合div的高度和宽度,而min-width是为了实现让屏幕宽度在1000px以内时,div的大小

对背景图片设置属性:background-size:cover;可以实现背景图片适应div的大小. background-size有3个属性:auto:当使用该属性的时候,背景图片将保持100% 的大小显示,不进行任何缩放.超过div的多余部分将被隐藏.当图片过小时,图

手机网站在要使图片尺寸宽度适应不同手机屏幕,方法有:1、图片所在层DIV宽度和高度设置为百分比任意值(考虑到屏幕两边留边,不可能达到100%),图片的宽度和高度设置为100%显示(相对于DIV当前层)[贴个例子给你看:]///////////////////

根据页面设计情况选择相应的参数,方法就是设计背景size参数background-size:cover ,适用于上半部分背景图片,下半部分纯色将背景图像等比缩放到完全覆盖容器,背景图像有可能超出容器.background-size:contain 适用于一屏幕,缺点屏幕宽度高度不一致,会有缝隙将背景图像等比缩放到宽度或高度与容器的宽度或高度相等,背景图像始终被包含在容器内.background-size:100% 100%;最简单粗暴的方法,缺点会给背景拉伸变形

body { background-image: url(”图片地址“); background-repeat: repeat-x; }#div1 { margin:0px auto; width:500px; height:370px ; text-align:center; background:url(/jscss/demoimg/wall3.jpg);}#div2 { height:330px; filter:alpha(Opacity=80);-moz-opacity:

纯css办不到 只能用js获取屏幕高度 并动态赋值中间div的高度 你搜下js(或者jquery)自适应屏幕高度

div 里面有内容才会出现背景,没内容又没设置宽高,那div就是空的,默认高度为0宽度为0 好像不同的浏览器显示默认宽高不同的W3C标准里,DIV必须有宽高参数的

追分只能追100好像?说说怎么解决吧,网页里面的宽度是可以用百分比决定的,可以设置这个容器的宽度占屏幕宽度的百分之多少,但是因为百分比的宽度是要有参考对象的,所以在设置百分比的宽度时,要先设置body的宽度为100%.照你的要求:一屏分为两栏显示,那么用两个div来做,一个div的宽度就是50%,两个在一起就正好100%了,如果你想这两个div之间有间距,那么就设置宽度为48%就行,具体自己把握,然后设置左边的div左浮动,右边的div右浮动即可.高度是可以设置固定像素的,比如一个div的宽度为48%,高度为50px都行的,可以混用,只要记住使用百分比定义宽高长度就要设置对应的body的宽高为100%就行了

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

给div加个样式 然后把div设置成固定大小 添加图片的时候div就不会变了

网站地图

All rights reserved Powered by www.zhnq.net

copyright ©right 2010-2021。
www.zhnq.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com