css设置一张图怎么拉伸填满整个窗口

css怎么设置一张背景图拉伸填满整个窗口 这个图不能太大, 是一个很小的, 不然打开网站也很慢! 我找了很久都没找到网上说css几乎没有这个 ,有谁发现吗?

  css设置一张图拉伸填满整个窗口,我们可以通过给这个图片设置width,height都给他们100%的高度和宽度,然后在就能看到填满全屏了,举个例子:
  <html>
  <head>
  <style>
  .class{
  width:100%; //通过class来控制
  height:100%;
  }
  </style>
  </head>

  <body>
  <div id='content'>
  <div class='img'>
  <img src='图片地址'>
  </img>
  </div>

  </body>
  </html>
温馨提示:内容为网友见解,仅供参考
第1个回答  2013-06-08
拉伸? 还是平铺? 拉伸就没有了 平铺的话 就是background:url(../images/bg.jpg) repeat-x;
repeat-x 沿X轴平铺 就是横着
repeat-y 沿Y轴平铺 就是竖着
no-repeat 就是不平铺
什么都不填 默认情况下就是全屏平铺
明白? 手工奉上!~

CSS中如何设拉伸背景图片铺满屏幕
如果你想要图片仅在水平方向上铺满,而不重复,可以使用`repeat-x`,或者在CSS3中,更推荐使用`repeat-scroll`,它能创建一个无缝的滚动背景效果。然而,题目中提到的`rep福矛eat`似乎是个误写,应该是`repeat`。如果想要图片铺满屏幕,而不是重复,应该添加`background-size`属性,并将其设置为`100%...

css网站背景图应该怎样布局?
CSS中如何设拉伸背景图片铺满屏幕1、首先准备一张设置为背景的图片,这边准备的是一张650px*347px的图片。然后建立一个html文档,将它和背景图片放到一个文件夹中。编辑html文档,这边建立一个div,设置宽度为700px,高度跟背景图一样,为347px。2、很可惜,CSS2中并没有图片全屏拉伸的属性,所以我自己...

网页设计中怎么让一张图片填充满整个画面 ?
1、如果楼主只是将其当做一张图片显示,可以通过css控制,如img{width:100%;height:100%;}.\\x0d\\x0a否则需要将其作为网页背景的话可以试试如下方法:\\x0d\\x0a2、如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用,实现背景拉伸铺满整个浏览器,但其它的...

能够拉伸填满整个窗口的技术是什么
能够拉伸填满整个窗口的技术是背景图,设计一个完美的背景图可以拉伸到整个页面。

css 如何让图片全屏的问题
1、创建以下目录结构的测试页面。2、将测试图片显示在浏览器界面上,效果如下。3、通过CSS设置背景图片,默认效果如下,图片被自动重复以铺满窗口。4、通过CSS设置背景图片不重复,此时,图片将不能铺满窗口。5、通过CSS设置图片大小100%,效果如下,图片铺满窗口。6、通过CSS设置图片大小cover,效果如下,...

css如何让背景图全屏显示css如何让背景图全屏显示出来
如果你有一张想要作为背景的华丽图片,可以这样设置:代码如下:正文{ background:url(img.jpg);后台:URL(img.jpg);背景-位置:中心;背景-重复:不重复;} 但结果可能是这样的:图片没有重叠、居中和...她太小了,占不下所有的版面。可惜CSS2中没有全屏拉伸的属性,所以我自己想了个办法。使用一个...

怎么用css把背景图片拉伸 不是平铺
1、首先准备一张设置为背景的图片,这边准备的是一张650px*347px的图片。2、然后建立一个html文档,将它和背景图片放到一个文件夹中。3、编辑html文档,这边建立一个div,设置宽度为700px,高度跟背景图一样,为347px。4、就给div设置背景图片。5、在浏览器中预览会发现图片平铺了,这不是想要的效果...

html和css如何做到让一张图片铺满屏幕呢?
设置以重复的方式填满页面(以及是否平铺、何种方式平铺):background-repeat: no-repeat;(默认repeat以重复显示图片的方式铺满页面、no-repeat不平铺)仅一张图片不重复,以拉伸的方式填满页面):background-size: cover;

怎么可以把图片全部显示在一个界面
1、如果楼主只是将其当做一张图片显示,可以通过css控制,如img{width:100%;height:100%;}.否则需要将其作为网页背景的话可以试试如下方法:2、如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用,实现背景拉伸铺满整个浏览器,但其它的浏览器不支持。这时可以拐...

网页背景图片的属性怎样设置为拉伸
具体操作步骤如下:首先,访问图片所在位置,查看其原始尺寸。若图片比例与页面不符,需在CSS中调整图片尺寸。使用`background-size: cover;`属性确保图片覆盖整个容器,同时保持其原始比例,达到拉伸效果。若希望图片不被拉伸,而是保持原始尺寸,可以采用不同的策略。一种方法是在图片容器中使用表格布局,...

相似回答