专栏首页wfaceboss设置背景图片,解决手机上背景图片高度适应问题

设置背景图片,解决手机上背景图片高度适应问题

第一种方法:直接对图片进行设置,代码如下

<img src="url" class="PhoneBack">//url为图片地址

.PhoneBack{
position: fixed;
z-index: -10;    
display: block;
width: 100%;
height: 100%;
}

第二种方法:使用一个div作为容器,同时给改该div设置背景图片

标签1:
<div class="PhoneBack">
//其他内容
</div>

样式1:
.PhoneBack{
    position: fixed;
    z-index: -10;
    background: url('../Images/weixin/NowRegister/RegisterBack.png') no-repeat 0px 0px;
    width: 100%;
    height: 100%;
    /*background-repeat: no-repeat;
    background-position: 0px 0px;*/
    background-size: 100% 100%;
}

第三种方法:使用jquery

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • c# 通过关键字查询

     注意此时的additionalData在json请求数据时获得的数据集(包含key的)

    wfaceboss
  • 框架的 总结(nop)------添加功能

    wfaceboss
  • 在背景图上面加滤镜层之后添加内容

    wfaceboss
  • CSS——loading动画

      由图可见,动画1中有三根竖线,在进行变长变短的高度变化以及线条的颜色变化,因此分为以下几个步骤:

    流眸
  • JavaScript之DOM

    文档对象模型(Document Object Model,DOM)是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法,可以改变文档的内...

    菲宇
  • TACO——开创机器人视觉的新纪元

    欧洲联合研究项目TACO(带物体检测的三维自适应相机)开发出一种全新的三维摄像系统,能帮助机器人实现更多的功能。 在具完整功能的原型上,关键的硬件组成部分是德国...

    机器人网
  • linux 网络编程之信号机制

    调试输出函数 这里利用宏来实现debug的相关输出 int dbg_level = -1; #define print_dbg(level, ...) ...

    小灰灰
  • Eclipse中Maven项目出现红色感叹号问题

    在Eclipse环境下,有时我们会遇到Maven项目出现红色感叹号的情形,而一旦项目出现感叹号,Eclipse便无法帮我们进行自动编译等工作,尽管有时候不会影响...

    朝雨忆轻尘
  • neo4j︱图数据库基本概念、操作罗列与整理(一)

    版权声明:博主原创文章,微信公众号:素质云笔记,转载请注明来源“素质云博客”,谢谢合作!! ...

    素质
  • python之基础知识

    ['lele', 'ningning', 'tuotuo', 'yangyang'] tuotuo tuotuo

    py3study

扫码关注云+社区

领取腾讯云代金券