网页设计中怎么让一张图片填充满整个画面 求代码(页面设计图片,关键词优化)

时间:2024-05-03 12:09:17 作者 : 石家庄SEO 分类 : 关键词优化
  • TAG :

    %E7%BD%91%E9%A1%B5%E8%AE%BE%E8%AE%A1%E4%B8%AD%E6%80%8E%E4%B9%88%E8%AE%A9%E4%B8%80%E5%BC%A0%E5%9B%BE%E7%89%87%E5%A1%AB%E5%85%85%E6%BB%A1%E6%95%B4%E4%B8%AA%E7%94%BB%E9%9D%A2+%E6%B1%82%E4%BB%A3%E7%A0%81

1、如果楼主只是将其当做一张图片显示,可以通过css控制,如img{width:100%;height:100%;}.否则需要将其作为网页背景的话可以试试如下方法:2、如果这张图片为背景图片由于背景图片不具有伸缩性,只能通过别的方法绕着解决,在ie中可以用<bodystyle="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">,实现背景拉伸铺满整个浏览器,但其它的浏览器不支持。这时可以拐个弯,设置两层div,底层div当做背景使用,放置一张图片即可。<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>再将网页内容放置到第二层上<div id="content">页面内容</content>3、网页背景图片默认情况下是重复平铺满整个页面。上面2方法是要求图片不重复,但又得占满浏览器所采用的方法。

本文:网页设计中怎么让一张图片填充满整个画面 求代码的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:软件开发费用的账务处理?下一篇:

18 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18