网页设定固定背景图片(拿自百度FM)

这个新技能,我是从百度FM中学习到的。

在网页中,有一个id为"body-bg"的层,

html代码:

<div id="body-bg" style="display: block;">  <img src="http://mu6.bdstatic.com/static/fm/1403504178/themes/public-bg9.jpg"></div>

css代码:

#body-bg {
   position: fixed;
   bottom: 0;
   left: 0;
   z-index: -999;
   overflow: hidden;
   width: 100%;
   height: 100%;
   min-height: 100%;
   _position: absolute;
}

这是我从百度FM中找到在代码,你可以用上面的代码尝试一下。

工作了两年了,css没有用到这么好,有很多需要好好学习,特别需要多操作,才能真正的提高自己的技能。

网页设定固定背景图片(拿自百度FM),布布扣,bubuko.com

时间: 2024-08-26 14:15:29

网页设定固定背景图片(拿自百度FM)的相关文章

css网页中设置背景图片的方法详解

css网页中设置背景图片的方法详解 在css代码中设置背景图片的方法,包括背景图片.背景重复.背景固定.背景定位等 用css设置网页中的背景图片,主要有如下几个属性: 1,背景颜色 {background-color:数值}2,背景图片 {background-image: url(URL)|none}3,背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-y}4,背景固定 {background-attachment

防止网页中的背景图片被另存为

防止网页中的背景图片被另存为,可以用下述办法: 先建A层,在样式里为A层设好背景图,然后在A层里设B层,并且把B层大小和A层设成一样,这样A层的背景就不能被另存为. <!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>示例</title>&l

CSS Sprites 网页背景图片定位技术简述

很多时候我们打开一些网站的背景图片会发现是很多图标集合的一张完整的图片.这种网页使用的就是CSS Sprite,通过将多个图标整合在同一张图片,可以减少向服务器请求图片的次数,加快网页的加载速度. CSS Sprites在国内很多人叫css精灵,是一种网页图片应用处理方式.它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅一幅地慢慢显示出来了.对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以

HTML背景图片的相对位置设置

链接:https://jingyan.baidu.com/article/ff42efa9c22b11c19e220200.html 重点:background-attachment,    background-position 方法/步骤 首先我们需要插入一张图片,并且图片只出现一次,并设计图片出现的位置在左上角,可以按照如下代码来完成: <html> <head> <title>图片位置设置</title> <style type="t

网页的背景图片代码

网页背景图片代码 1.(最普遍类) <style>body{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}</style> 说明:以上代码为网页背景图片固定代码!网页背景图片固定代码,这样,当向下拉网页时,网页背景图片不会跟着向上移动,达到不动的目的! 2.(综合类) 3.<P class=style6> </P></SPAN&

用CSS让网页背景图片居中的方法

网页背景居中的方法有很多种的.这里介绍一些用CSS让背景图片居中的方法. 让背景图片居中的第一个方法是用像素设定,很多都用这种,但是也是最麻烦的: <div style="width:800px;height:600px;background:url(../images/logo.jpg) no-repeat 250px 270px;border:1px solid #cccccc;"></div> 第二种居中方法:用50%设定,很方便: <div sty

网页背景图片代码

1.(最普遍类) <style>body{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}</style> 说明:以上代码为网页背景图片固定代码!网页背景图片固定代码,这样,当向下拉网页时,网页背景图片不会跟着向上移动,达到不动的目的! 2.(综合类) 3.<P class="style6"> </P></SP

网页背景图片拉伸

解决方法有两种: 一种是CSS,使用background-size:cover实现图片的拉伸效果,但是IE8及以下版本不支持background-size,于是可以使用微软的滤镜效果,但是IE6不支持. body{background:url(bg.jpg) center center;background-size:cover;height:900px;width:100%; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(s

厦门之旅第一篇Gradle多渠道打包(动态设定App名称,应用图标,背景图片,状态栏颜色)

我不是诗人,写不出厦门的美:我不是歌手,唱不出厦门的情:我不是画家,画不出厦门的景. 我只是一名程序员,我只能用我的眼,我的心去看去感受,那久违的海风吹拂着脸颊,好似内心那一份烦躁与沉重也随着海风飘向了远方 . . . . . . 一.Gradle多渠道打包之缘由 时间要追溯到两年前,当时我还在使用 eclipse 开发工具.兄弟事业部有款产品需要封包(使用webview打包成app),并提出了相关的需求: 针对不同商家地址(webview加载url),App名称,应用图标,欢迎页背景,状态栏颜