`
yangshen998
  • 浏览: 1302070 次
文章分类
社区版块
存档分类
最新评论

网页中位置固定块

 
阅读更多

想在页面中固定一个DIV,不随页面滚动,怎样做呢?

CSS

顶部:


底部:


有下划线(_)的是 CSS HACK,专门给IE6准备的。之所以要加上

_html{background-image:url(about:blank);background-attachment:fixed;}

是因为没有这句话,滚动的时候,固定块会闪动。


参考文章:

解决 IE6 position:fixed 固定定位问题





分享到:
评论

相关推荐

    HTML5&CSS3网页制作:固定定位.pptx

    在网页设计中,固定定位经常用于创建固定在屏幕顶部或底部的导航栏,无论用户滚动页面多远,导航栏始终保持可见。以下是一个简单的例子: ```html <!DOCTYPE html> .fixed-nav { position: fixed; top: 0; ...

    电子政务-电刀固定块.zip

    在“电子政务-电刀固定块.zip”这个压缩包中,我们主要关注的是“电刀固定块”在电子政务中的应用和意义。 “电刀固定块”在这里可能指的是在电子政务系统中用于数据安全、流程固定或信息管理的一个关键组件。电刀...

    div css仿太平洋网页固定层返回顶部代码.zip

    在网页设计中,"div css仿太平洋网页固定层返回顶部代码"是一种常见的前端技术实现,用于创建具有专业外观和用户体验的网页。这个压缩包文件包含了实现这一效果的代码,主要涉及JavaScript(js)特效和CSS(层叠样式...

    可移动的网页布局,网页模块之间可随意拖动

    在网页设计中,布局通常分为固定布局、流式布局、响应式布局等类型。然而,"可移动的布局"是一种更加灵活的设计,它允许用户交互地改变页面模块的位置,这种特性通常基于JavaScript和HTML5的拖放(Drag and Drop)...

    基于行块分布函数的通用网页正文抽取算法

    运用正则表达式能够精确的抽取某一固定格式的页面,但面对形形色色的HTML,运用规则处置难免捉襟见肘...能不能高效、精确的将一个页面的正文抽取出来,并做到在大范围网页范围内通用,这是一个直接关系上层应用的难题。

    一个用VB弄得固定网页浏览器

    标题中的“一个用VB弄得固定网页浏览器”表明这个项目是使用Visual Basic(VB)编程语言创建的一个定制化的网络浏览器。VB是一种面向对象的编程环境,由Microsoft开发,常用于快速应用开发(RAD)。在这个特定的项目...

    网页版俄罗斯方块源代码

    - `collisionDetection()`: 检测方块与其他方块或底部的碰撞,当无法下落时,将方块固定在当前位置。 - `clearLines()`: 检测并消除完整的一行或多行,同时更新得分。 - `updateScore()`: 更新和显示玩家的得分。...

    jQuery网页版俄罗斯方块游戏代码.7z

    本项目是一个基于jQuery实现的网页版俄罗斯方块游戏,它不仅展示了jQuery在游戏开发中的应用,也体现了前端开发中的逻辑思维和交互设计能力。 首先,让我们了解一下俄罗斯方块的基本原理。俄罗斯方块是一款经典的...

    网页版俄罗斯方块小程序 源码

    同时,游戏的状态(如当前方块的位置、即将出现的方块、已固定的方块矩阵)也需要合适的数据结构来存储。 7. **动画效果**:通过改变CSS样式或利用requestAnimationFrame实现平滑的动画效果,使方块下落过程看起来...

    让DIV块在页面的某个位置固定的css代码

    将需要固定的`div`放在一个具有绝对定位的父`div`中,然后通过调整父`div`的大小和位置,使其内部`div`在页面滚动时保持不变。 例如: ```html <!DOCTYPE html> <title>Fixed Positioning Simulation ....

    基于行块分布函数的通用网页正文抽取

    通过线性时间建立行块分布函数图,由此图可以直接高效、准确的定位网页正文。同时采用统计与规则相结合的方法来解决系统的通用性问题。 本系统的设计与实现只为践行“简单的事情总应该用最简单的办法来解决”这一...

    网页底部浮动通栏、导航条

    在网页设计中,我们可以使用CSS的background-image属性来设置元素的背景图片,并通过background-size、background-position和background-repeat属性来控制图片的大小、位置和重复。如果希望背景图自适应,可以设置`...

    html5网页版俄罗斯方块小游戏源码下载

    一旦检测到碰撞,方块就不能再移动,而需要固定在当前位置。 最后,源码可能还包括了一些优化技巧,例如,使用数据结构(如数组)来表示游戏区的状态,以及使用位操作来加速碰撞检测等计算。位操作可以显著提高处理...

    应用jQuery技术优化传统JavaScript代码制作网页块元素悬停功能.pdf

    悬停广告通常出现在网页主要内容的两侧,保持在屏幕的固定位置,即使用户滚动页面,广告依然可见。实现这一功能,首先需要将广告内容(如图片或动画)放入HTML的块级元素中,然后通过CSS设置该元素的绝对定位,使其...

    HTMl关键字,网页制作

    - `<listing>` 用于类似代码块的固定宽度小字体显示。 3. 区段标记: - `<hr>` 创建水平线,`size`、`width` 和 `color` 属性分别用于调整大小、宽度和颜色。 - ` ` 用于换行,`<nobr>` 阻止文本自动换行。 ...

    精通CSS DIV网页样式与布局

    《精通CSS DIV网页样式与布局》是一本深入探讨如何使用CSS(层叠样式表)和HTML中的DIV元素来创建高效、美观且响应式的网页布局的书籍。CSS与DIV是现代网页设计的核心技术,它们共同作用于网页的呈现,使得内容能够...

    HTML5+CSS3网页设计-第八章 定位网页元素.pptx

    【HTML5+CSS3网页设计】中的定位技术是网页布局中的关键部分,它允许开发者精确控制网页元素在页面上的位置。本章主要介绍了四种CSS中的定位方式:static、relative、absolute和fixed,以及如何利用z-index调整元素...

    动态网页与静态网页 PPT

    静态网页的内容在设计完成后便固定下来,网页中的每一行HTML代码都是在上传至Web服务器前由网页设计师编写的。当浏览器向服务器请求一个静态网页时,服务器会直接找到对应的文件并将其原封不动地发送给浏览器。由于...

    jQuery固定背景视觉滚动特效插件

    在网页设计中,为了增强用户体验,视觉滚动特效已经成为一种常见的设计手法。"jQuery固定背景视觉滚动特效插件"就是为此目的而开发的工具,它利用了jQuery库的强大功能,结合CSS的`background-position`属性以及简单...

Global site tag (gtag.js) - Google Analytics