html背景图片拉伸解决办法

html背景图片拉伸解决办法html背景图片拉伸解决办法body{background-size:100%100%;//关键代码,直接拉伸背景图background-image:url(“img/99.jpg”);//背景图导入background-repeat:no-repeat;//不重复拉伸background-attachment:fixed;//此代码用于页面内容超出屏幕,

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

html背景图片拉伸解决办法

body {
            background-size: 100% 100%;  //关键代码,直接拉伸背景图
                background-image: url("img/99.jpg") ; //背景图导入
                background-repeat: no-repeat;  //不重复拉伸
                background-attachment: fixed;//此代码用于页面内容超出屏幕,右侧出现滚动条情况,使得滚动滚动条时背景锁定
            }

需要注意的是:

background-size: 100% 100%; //关键代码,直接拉伸背景图

如果你的页面内容超过一页,那么背景拉伸会拉很长不好看,建议使用

background-attachment: fixed;

作用是图片只拉伸到当前一页屏幕大小,内容超出一夜后,滚动滚动条值会滚动内容,背景图不动

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/188307.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Oracle 11g RAC 搭建详细步骤[通俗易懂]

    Oracle 11g RAC 搭建详细步骤[通俗易懂]oraclerac11g安装asmudeviscsi

    2022年10月21日
    0
  • Angular 面试题汇总2-Component/Service (Angular v8+)

    Angular 面试题汇总2-Component/Service (Angular v8+)Angularv8+面试系列Angular面试题汇总1-基本知识.目录关于AngularComponentcss样式的作用域、ShadowDOM关于AngularService单例服务(singleton)forRoot()模式关于AngularComponentcss样式的作用域、ShadowDOMShadowDOM是HTML规范的一部分,它允许开发人员封装自己的HTML标记,CSS样式和JavaScript。创建样式Component时,可以通过设置,启用。@Com.

    2022年10月17日
    0
  • 异步传输模式atm采用_ATM网是什么

    异步传输模式atm采用_ATM网是什么       异步传输模式(ATM)在ATM参考模式下构成一个协议集,用来建立一个在固定53比特流的数据包(信元)上运送所有通信流量的机制。固定大小的包可以确保迅速且容易地实现交换和多路技术功能。ATM是一种面向连接的技术,也就是说,两个网络系统要建立相互间的通信,应该通知所有的中间交换有关它们的服务需求和流量参数。  ATM参考模式分为三层:ATM适配层AAL、ATM层和物

    2022年9月2日
    2
  • mybatis缓存问题「建议收藏」

    mybatis缓存问题「建议收藏」目前系统正常使用,突然来个用户注册,可是账号太长,导致数据库没法保存,所以觉得把数据库表的字段改大点,问题解决。但是问题又来了,修改字段长度后系统没有重启,导致查出来的数据为字段没有修改长度之前的那个长度,比如说:字段长度修改前,字段长度为varchar(16),用户账号是;8832226780@qq.com,注册失败,字段修改后,字段长度改为varchar(32),用户账号是;88322

    2022年5月11日
    40
  • java 实现多态_Java多态的实现原理

    java 实现多态_Java多态的实现原理0.前言多态在Java技术里有很重要的地位,在面试中也会经常被问到。多态的使用大家应该都比较了解,但是多态的实现原理就有点抽象了,查了很多很多资料,连续几天断断续续的看,有时候看着看着就走神了。毕竟太抽象,哈哈~不过依然硬着头皮看下来了(也不知道看了多少遍),并且将很多资料里关于多态的知识进行了整理(添添加加删删减减了很久,也把重点根据自己的理解用红字标出),便有了这篇文章。通过这篇文章相信可以帮…

    2022年7月7日
    16
  • keepalived+Nginx实现高可用主从集群

    keepalived+Nginx实现高可用主从集群

    2021年6月3日
    95

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号