制作一个主页背景图不动,但网页可以向下滚动浏览内容

<STYLE TYPE="text/css"><!-- BODY {background-image: URL(图片地址); background-position: center; （背景图片居中显示）background-repeat: no-repeat; （不重复如果想重复则可以把no-repeat改成repeat）background-attachment: fixed;} （fixed固定)--> </STYLE>

background-attachment -- 定义背景图片随滚动轴的移动方式
  • 取值: scroll | fixed | inherit

    • scroll: 随着页面的滚动轴背景图片将移动
    • fixed: 随着页面的滚动轴背景图片不会移动
    • inherit: 继承
  • 引用网址:http://www.dreamdu.com/css/property_background-attachment/
  • 初始值: scroll
  • 继承性: 否
  • 适用于: 所有元素
  • background:背景.attachment:附着.
时间： 2024-12-28 23:08:48

制作一个主页背景图不动,但网页可以向下滚动浏览内容的相关文章

js控制网页滚动条往下滚动

function aa(i){ var tm = setInterval(function(){ var t = $(window).scrollTop(); var d = i < t ? Math.min((i-t)/10, -1) : Math.max((i-t)/10, 1) $(window).scrollTop( t + d ); if($(window).scrollTop()==i)clearInterval(tm); },30) } js控制网页滚动条往下滚动

如何用PS制作花型背景图

今天教大家制作一个花型背景吧!先看下图下效果图吧: 步骤1 新建一个2000*2000像素的画布,背景色填充自己喜欢的颜色即可!最好新建一个画布中心参考线哦,在画布中心画一个白色的椭圆形并居中,上下在画布边缘. 步骤2 双击弹出混合选项的椭圆形状,设置混合模式为柔光,不透明度为50%,填充不透明度为75%. 步骤3 添加白色描边,设置大小为3像素,位置外部,混合模式柔光. 步骤4 重复的椭圆形,并以30°围绕中心旋转画出6个椭圆形.并所有6个椭圆形形状合并成一个组(Ctrl G),并把组命名为“

如何获取新浪微博背景图

转自:http://blog.163.com/thwx_740/blog/static/1829061020133190156760/ 逛微博时候看到别人的主页背景图很好看,想拿过来自己用,有没有“右键-背景图另存为”?新浪的技术GG可不是打酱油的,没这么容易让你得逞. 但是对于我这个技术宅来说,当然也不能就这么算了.于是研究出以下曲线救国的办法. 第一步,任意空白处右键-查看源文件. 第二步,找到最后一个 link href=,一共有3个link href=,打开href=后面""里

网页制作中的背景处理

在制作网页过程中,经常需要考虑页面中的留白问题,因为我们设计时,按大多数用户显示器的设置来制作内容区,即横向分辨率的设置是1024像素,可是用户设置是多样化的比如有的用户是1280.1440.1600.1680等,内容区之外会有很多的留白,为了美观起见,不可避免地需要对留白区进行一些处理. 下面是一般的做法. 1.用一个图片来做背景,其余的地方填充颜色. ①背景图很大,不铺: ②背景图片很长,只是横向铺而纵向不铺: ③一张图片横向纵向都铺. 根据效果选择,关键是背景图片的处理. 2.留白的地方要

网页背景图固定不动，不跟随滚动条滚动

我们在做网页的时候,当背景是一张完整的图片,不动让其跟随滚动条滚动,怎么办?下面详细讲解一下. CSS代码示例-背景颜色属性(background-color): <html> <head> <title>背景颜色 background-color</title> <style type="text/css"> body {background-color:#99FF00;} </style> </head&

css3处理sprite背景图压缩来解决H5网页在手机浏览器下图标模糊的问题

最近在负责一个微信H5 App项目,遇到一个郁闷的问题,手机浏览器查看网页时图标都是模糊的,有锯齿,电脑浏览器显示则是正常.大概知道是分辨率适配等类型的问题,后来网上查找了一些办法,大部分的解决方案都是设计一套放大1倍的图标,再压缩显示. 我们都知道<img>标签可以通过固定宽高的方式来压缩大图,从而得到高清的显示效果,而图标一般用背景图来呈现,怎么搞呢?好吧,css3出了一个很牛逼的属性background-size可以直接设置背景图的宽高,直接解决了前者的疑惑. 那么问题来了,我们的网页不

整一个VS代码编辑器背景图，提高编码心情

VS2017上使用 ClaudiaIDE插件,下载地址https://marketplace.visualstudio.com/items?itemName=kbuchi.ClaudiaIDE. 先关闭VS2017,下载完ClaudiaIDE.vsix后双击运行,等待安装完成!默认背景图片一个动漫老师: 找到路径:C:\Users\用户名\AppData\Local\Microsoft\VisualStudio\15.0_ddc42382\Extensions\ab51lyup.iki\Imag

QT模态对话框用法（在UI文件中设置Widget背景图，这个图是一个带阴影边框的图片——酷）

QT弹出模态对话框做法: 1.新建UI文件时,一定要选择基类是QDialog的,我的选择是:Dialog without Buttons(),如下图: 2.然后在使用的时候: MyDialog dlg(this); dlg.exec(); 如果不加this,则会在任务管理器里面产生一个新的EXE. 3.如果对话框的标题是自定义,不想使用系统的标题,这时候需要在代码中加入: setWindowFlags(Qt::Dialog | Qt::FramelessWindowHint ); setAttr

制作一个简单的文本框输入的网页

题目:制作一个简单的网页(包含一个文本框.一个按钮),在页面上输出用户在文本框输入的内容,要求用JavaScript获取文本框内容. 一.首先利用html在网页上制作表单,代码如下: **onclick事件:onclick 事件会在对象被点击时发生. 二.利用js获取输入信息,并将其输出: 相关知识: 1.给用户确认消息,真正实现交互,使用语句confirm();给用户提示信息,实现单向通信,使用语句alert(). 三.运行结果: 1.用浏览器打开结果如下: 2.输入文本框内容,点击[提交]: