返回顶部
首页 > 资讯 > 前端开发 > node.js >web页面背景图片随屏幕大小变化问题的解决方法是怎样的
  • 823
分享到

web页面背景图片随屏幕大小变化问题的解决方法是怎样的

2024-04-02 19:04:59 823人浏览 薄情痞子
摘要

WEB页面背景图片随屏幕大小变化问题的解决方法是怎样的,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。 今天的工作

WEB页面背景图片随屏幕大小变化问题的解决方法是怎样的,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

今天的工作进度有点慢,我发现最主要的原因是html标签的属性的作用不熟悉。
特别是,在做页面背景图片可随浏览器窗口大小调整时,我的基础知识运用不熟练的缺点就表现出来了。
例如:今天下午做的页面背景时,由于图片过大,直接引用时,导致屏幕无法显示完全。

实际解决它的方法很简单:

代码如下:


<style type="text/CSS">
.bgimage{
position:fixed;z-index:-1;//这两句时最重要的,前
//句使图片始终显示在当前页,后一句是使图片显示在最底层。
}
.bgimage img{heiht:100%;width:100%;}
</style>


到此,问题完美解决。

看完上述内容,你们掌握web页面背景图片随屏幕大小变化问题的解决方法是怎样的的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注编程网node.js频道,感谢各位的阅读!

--结束END--

本文标题: web页面背景图片随屏幕大小变化问题的解决方法是怎样的

本文链接: https://lsjlt.com/news/82623.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作