脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → HTML 背景图片自适应

HTML中使背景图片自适应浏览器大小实例详解

 更新时间：2017年04月06日 11:20:21   投稿：lqh  
这篇文章主要介绍了HTML中使背景图片自适应浏览器大小实例详解的相关资料,需要的朋友可以参考下

HTML中使背景图片自适应浏览器大小实例详解

解决办法：

1、图片不够大，又background属性不能拉伸图片；

2、只能用个div，把其z-index值设为负，并使这个div大小为整个body大小，在div里用<img> ；

3、body的background属性去掉，要不然会被遮住。

<html> 
<body> 
<div id="Layer1" style="position:absolute; left:0px; top:0px; width:100%; height:100%"> 
<img src="pictures/background.jpg" width="100%" height="100%"/> 
</div> 
</body> 
</html>

如果想让图片不随浏览器右边滚动条滚动，就用position:fixed属性。wordpress建站的达人们也可以用此方法，在指定页面定制自己的背景图片。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

相关文章

  • bootstrap table 多选框分页保留示例代码

    bootstrap table 多选框分页保留示例代码

    在使用bootstrap table的复选框功能的时候，由于采用服务端分页，当在第一页选择了某些数据，然后点击第二页选择一些数据，再次点回第一页，发现原先选择的数据已经清空了，原来的多选框并不支持翻页保留多选数据，怎么解决呢，下面小编给大家分享下解决思路
    2017-03-03
  • 中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)

    中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)

    这篇文章主要介绍了中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结),小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2019-09-09
  • JS中mouseup事件丢失的原因与解决办法

    JS中mouseup事件丢失的原因与解决办法

    这篇文章主要跟大家介绍了关于Javascript中mouseup事件丢失的原因与解决办法的相关资料，文中给出详细的示例代码供大家参考学习，需要的朋友们下面跟着小编一起来学习学习吧。
    2017-06-06
  • JavaScript实现滑块验证码

    JavaScript实现滑块验证码

    这篇文章主要为大家详细介绍了JavaScript实现滑块验证码，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2021-11-11
  • javascript 页面只自动刷新一次

    javascript 页面只自动刷新一次

    记得meta标签当中有一个refresh的功能吗？这是让浏览的页面刷新并可以转到相应的页面，如果刷新本页的话就会造成重复的刷新，现在我们就试试用脚本来实现只让页面刷新一次.
    2009-07-07
  • javaScript中Math()函数注意事项

    javaScript中Math()函数注意事项

    本文主要给大家分享了javascript中Math()函数的注意事项，以及math对象的方法，十分的简单实用，有需要的小伙伴可以参考下
    2015-06-06
  • 详解JS面向对象编程

    详解JS面向对象编程

    这篇文章主要为大家介绍了js面向对象编程，感兴趣的小伙伴们可以参考一下
    2016-01-01
  • js window.open弹出新的网页窗口

    js window.open弹出新的网页窗口

    弹出新的网页窗口的方法有很多，在本文为大家介绍下使用js的window.open方法来实现，需要的朋友可以了解下
    2014-01-01
  • 解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题

    解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题

    今天小编就为大家分享一篇解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 浅谈javascript的Array.prototype.slice.call

    浅谈javascript的Array.prototype.slice.call

    发现大多人都用了Array.prototype.slice.call(argments,0)，一直不明白这句是干什么的。而昨天温习了slice()方法，再参考Function.call(thisArg[, arg1[, arg2[, ...]]])，还是不得而知（我脑筋转得慢:|）。
    2015-08-08

最新评论