html中的背景图片不能充满整个浏览器 .

摘要:
html中的背景图片不能充满整个浏览器,图片不够大,如下图:但是还想要全屏的效果,由于标签的图片不能够拉伸,解决办法:1、图片不够大,又background属性不能拉伸图片;2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用3、body的background属性去掉,要不然会被遮住˂!

html中的背景图片不能充满整个浏览器, 图片不够大,如下图:

html中的背景图片不能充满整个浏览器 .第1张

但是还想要全屏的效果,由于<body>标签的图片不能够拉伸,

解决办法:

1、图片不够大,又background属性不能拉伸图片; 2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img> 3、body的background属性去掉,要不然会被遮住

  1. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
  5. <title>helloworld</title>
  6. </head>
  7. <body>
  8. <divid="Layer1"style="position:absolute;100%;height:100%;z-index:-1">
  9. <imgsrc="pictures/background.jpg"height="100%"width="100%"/>
  10. </div>
  11. </body>
  12. </html>

免责声明:文章转载自《html中的背景图片不能充满整个浏览器 .》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇用redis解决多用户同时编辑同一条数据问题solr笔记之solr下载及安装下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

随便看看

如何用R来处理数据表的长宽转换(图文详解)

通常可以采取如python和r来作为数据处理的前期。Tableau学习系列之Tableau如何通过数据透视表方式读取数据文件如何用Python来处理数据表的长宽转换数据长宽转换是很常用的需求,特别是当是从Excel中导入的汇总表时,常常需要转换成一维表(长数据)才能提供给图表函数或者模型使用。...

PostGIS拓扑:pgRouting最短路径分析

由于我们没有创建topo所需要的所有字段,有部分是用现有字段替代的,因此,在调用最短路径分析函数时,需在sql中显示指定这些字段。...

layui使用layui-excel扩展导出xlsx格式文件

layui-excel扩展导出的文件可用office打开,正常显示;直接用table带的导出功能,导出的文件用office打开显示乱码。--导出表不展示--˃78910layui.config.use(['table','form','laydate','excel'],function(){11varform=layui.form;12vartable=l...

微信支付服务商模式支付与普通微信支付的配置区别

chapter=7_7&index=5注:与普通微信支付相比,源代码是上述7/8之间的区别,其他可以看作是服务提供商自己的微信支付配置;...

db2数据导出导入del与ixf格式

ixf格式保存的是结构和数据,是一个二进制文件,ixf文件不可视。...

SpringBoot入门 (三) 日志配置

上一篇博客文章记录了在spring-boot项目中读取的属性文件中配置的属性。本文将学习如何登录springboot项目。SpringBoot在内部使用CommonsLogging进行日志记录,但它也为其他日志记录框架提供默认配置,如JavautilLogging、Log4j2和Logback。在每种情况下,日志记录器都预先配置为使用控制台输出和可选文件输出...