css如何让背景图片铺满
答:背景图全部铺满:background-size:100% 100 如果不是纯色或者图片大小和要填充的盒子大小相差不大的时候,100%可以看到全图但是有时候会变形,建议不要使用100%;可以改用cover,cover是按比例放大,超出盒子部分裁剪,图片不会变形但是有时候不能完全看到全图 ...
答:然后加入CSS代码:div#div1{ position:fixed;top:0;left:0;bottom:0;right:0;z-index:-1;} div#div1 > img { height:100%;width:100%;border:0;} 最终效果:拉伸浏览器、调整网页位置后,图片背景图片依然居中全屏:火狐狸中的效果:这样,我们实现了固定居中且自动拉伸全屏的背景图片,不过她...
答:设置以重复的方式填满页面(以及是否平铺、何种方式平铺):background-repeat: no-repeat;(默认repeat以重复显示图片的方式铺满页面、no-repeat不平铺)仅一张图片不重复,以拉伸的方式填满页面):background-size: cover;
答:url(http://webteam.tencent.com/wp-content/themes/teamblog/img/gg.png) no-repeat ; -webkit-background-size: 100% 80px; -o-background-size: 100% 80px; ">这里的 background-size: 100% 80px。 背景图片将与DIV一样宽,高为80px。
答:覆盖整个页面也就需要图片占据整个屏幕或者占据整个html元素;在css3出来之后,有一个属性background-size;这个属性可以给背景图片设置大小,当值为100% 100%的时候也就是说把图片宽高都设置成百分百,然后元素有多大,图片就会伸展多大,也就是说的整个页面 ...
答:需要在css中,可以将div的高度和宽度属性设置为100%,同时使用background-size属性设置背景图片为100%,便可以实现背景图片铺满屏幕。css怎么让图片填满:1、新建一个HTML文件,使用div标签创建一个模块,并设置其class属性为myclass。2、在标签里设置div的样式,使用background属性设置div的背景图片。层叠...
答:background-repeat: no-repeat; /* 不平铺 */ 然后是铺满容器的问题,如果忽略IE内核的浏览器,用css3属性background-size: 100%;轻松解决,要兼容的话可以设一个背景层放在容器的下方,背景层里面放你的背景图片,宽高设为跟容器一样,然后把容器的背景设为透明即可。
答:可以这样 放两个层 外面一个层 里面在包一个层 里面这个层就放图片 background:url("xxx") no-repeat;并且层居中 margin:0px auto;外面这个层背景就设置全局的颜色 设置成跟 那张图 很契合的颜色就ok
答:1、最简单方法使用css3.0新增的一个属性background-size,代码如图。IE8以下不支持。2、打开浏览器查看效果如下:3、使用css代码如图。支持IE9+,IE 7/8: 平铺效果支持,但是在小于1024px的屏幕下居中效果失效。4、然后打开浏览器效果如图所示。5、之后使用jQuery模拟的方法。css代码如图。6、然后...
答:css设置body背景图片随内容增加多少显示多少经验篇 在CSS布局时,可能有时会遇到对body直接设置图片作为网页背景水平纵向平铺(从上到下居中平铺),此时整个网页无论内容是否占满一屏幕,css背景都会从上到下铺(纵向)满整个屏幕。但有时我们不需要这样的一个效果,需要内容占用多高,body背景就纵向从上...
网友评论:
松详17739693423:
css如何让背景图片全屏显示 -
52434花备
: 如果背景图片是重复的样子的话你可以截图一小块,然后给body添加样式背景,然后让背景图片重复平铺就可以了 body{background: url("图片路径") repeat;} repeat 是纵向和横向都铺满;repeat-x是横向铺满;repeat-y是纵向,如果不想重复,no-repeat.
松详17739693423:
怎样才能把CSS里的背景图片显示全屏呢? -
52434花备
: 是背景图片吧~~会用Macromedia Dreamweaver 改吗~~?下面有个页面属性~点开~有个背景图片选项,下面有个重复的选项~你自己试下~还有具体的话就是在窗体的右边有个CSS选项~点开~有个BODY~~点开~在背景里面改~~但是最终的问题是你的图片大小和原来的不一致~重叠了就不好看了~~
松详17739693423:
急!!如何用css实现背景图片纵向平铺??? -
52434花备
: 1、再css中定义css的背景图片,修改CSS的一下部分: background-image:url(../images/bg_middle.jpg);2、在之后加上background-repeat:repeat-y; 这个属性可以让图片纵向平铺3、看图片是否会需要居中如果需要的话加上background-position: center
松详17739693423:
css中如何将背景图片全屏显示? -
52434花备
: 如果你是给body设置的背景的话,可以在加一个属性 background-size:100%;这样就全屏了.
松详17739693423:
如何设置CSS网页中的背景图片不让其重复并且铺满整个屏幕,不会因为分辨率的问题而显示不出来 -
52434花备
: 只有CSS3支持这种用法.background:url(ss.jpg) center no-repeat; background-size:cover;不过这样一来,IE9及以下版本的浏览器都不支持;所以,实现兼容确实不易,另外我也见过有人使用IE的filter滤镜实现过,下面这个地址:htt p://ww w. cnblogs.com /strivers/ archive /2010/12/12/ 1903848. html(去掉空格)这篇文章就是介绍这个的,不过这样一来,性能、兼容等都是大问题.
松详17739693423:
css如何设置全屏背景图片 -
52434花备
: background: url(ab.gif) repeat; //背景为ab.gif,横向、纵向平铺① 如果是做网站的水印背景,可以放到body里, ② 如果是做页面的背景,放到最外层的div里,比如: ① body{background: url(ab.gif) repeat;margin:0px auto;} ② .box{background: url(ab.gif) repeat;margin:0px auto;}单纯横向平铺:repeat-x 单纯纵向平铺:repeat-y 不平铺:no-repeat
松详17739693423:
如何让css背景图片占满全部背景,并且保持长宽比呢 -
52434花备
: 你好,背景图片可以用css调整大小.但是不能够保持长宽比例的. 大小代码如下:1 2background-size:100px 100px;像素大小 background-size:100% 100%;百分百大小 还有另一种方法: 1background:url(图片) 100px 100px; 希望能够帮到你,谢谢.
松详17739693423:
css怎样让背景充满整个屏幕 -
52434花备
: HTML <!doctype html> <html> <body>...Your content goes here... </body> </html>给body标签指定背景图,这样背景图就可以填充整个浏览器viewport了. 其实,该方案对所有的块级容器都可以生效.块级容器的宽高是动态的,那么背景图...
松详17739693423:
html背景图片设全屏 -
52434花备
: 背景图片你要设成全屏的话可以在CSS里定义:body{background:url(图片的路径) repeat;}注意,这里要用repeat铺满,它会往横向纵向重复平铺,如果你想只用单独的这张图片,你只能用作图软件把这个小图片拉大成足够的宽和高,但这样会变形,不建议这样做;
松详17739693423:
css中怎么让背景图总是占满频 -
52434花备
: 兄弟,这是没办法实现的.只能用一张非常大的图,大过一般显示器的分辨率,就会看起来是“满屏” 如,dnf.qq.com的背景图片是宽高是1600 x 600 ,如果显示器分辨率小于该尺寸就会“满屏”,而大于该尺寸照样也不满屏.