`
i_love_sc
  • 浏览: 35661 次
  • 性别: Icon_minigender_1
  • 来自: 上海
最近访客 更多访客>>
社区版块
存档分类
最新评论

在ie下实现position:fixed效果最简单有效的途径

阅读更多
有个限制,一定要设置一下DOCTYPE
  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


给需要fixed的元素加个类名class='fixed'
普通的style里面
div.fixed {
   position; fixed
}
给支持fixed的浏览器
然后加上
  
<!--[if lte IE 6]>
<style type="text/css">
html, body
	{
	height: 100%;
	overflow: auto;
	}
div.fixed {
	position: absolute;
}
</style>
<![endif]-->
分享到:
评论

相关推荐

    CSS中position属性之fixed实现div居中

    总的来说,通过理解并应用`position: fixed`以及相关的CSS布局技巧,我们可以轻松地实现div在浏览器窗口中的居中效果。这在构建响应式设计或者需要元素始终显示在可视区域中央的场景中尤其实用。

    jQuery 教程:简单的遮罩弹窗效果

    - 内容层`.content`同样设置为`display:none`,并使用`position:fixed`保持在屏幕中心,通过负`margin`实现垂直和水平居中。 3. **jQuery 交互**: 使用jQuery来控制遮罩和内容层的显示与隐藏。当用户点击触发...

    实用右下角弹出菜单(支持firefox、IE6、IE7)

    本文将详细讲解如何实现一个实用的右下角弹出菜单,该菜单兼容Firefox、Internet Explorer 6 (IE6) 和 Internet Explorer 7 (IE7) 浏览器,并具有自定义关闭和自动消失功能。 首先,让我们了解弹出菜单的基本构建。...

    标题头固定

    - IE6和IE8对CSS的`position: fixed`支持不完全,需要使用特定的hack或者JavaScript库(如jQuery的`$.browser`)来检测浏览器类型,并提供替代解决方案,例如使用绝对定位和JavaScript来模拟固定效果。 - 对于360...

    JS对话框兼容各浏览器尤其兼容ie6

    1. **CSS兼容性**:IE6不支持很多现代CSS属性,比如`position:fixed`。所以,我们需要使用`position:absolute`来模拟固定定位,并通过JavaScript动态计算对话框的位置。 2. **透明度支持**:IE6不支持`opacity`,...

    lightBox 简易的全屏透明遮罩解决方法

    总结来说,创建全屏透明遮罩层主要依赖于CSS的`position:fixed`属性,但在IE6下需要采用一些特殊的技巧,如设置固定背景和使用CSS表达式,以确保在所有主流浏览器中都能正常工作。通过理解这些技术,开发者可以更...

    jquery实现的让超出显示范围外的导航自动固定屏幕最顶上

    如果导航栏原本的样式中有`position:relative`,可能需要额外处理,最简单的方法是将导航栏的宽度固定。 总结来说,这个知识点涉及到了jQuery的事件监听(`$(window).scroll()`)、CSS定位(`position:fixed/...

    jquery配合css简单实现返回顶部效果

    对于IE6的兼容性处理,由于其不支持`position: fixed`,代码使用了`_position: absolute`和`_bottom: "auto"`的hack方法。 接下来是jQuery部分,这部分代码主要负责动态控制返回顶部按钮的显示和隐藏,以及实现点击...

    原生css的loading遮罩层效果

    总结来说,原生CSS的loading遮罩层效果是一种高效且优雅的网页交互设计技术,它通过CSS的动画和布局特性,实现动态的加载指示器和遮罩层,提高了用户在等待页面加载过程中的体验。理解和掌握这一技术,对于任何前端...

    原生js写的弹窗效果(alert效果)

    语法非常简单:`alert(message)`,其中`message`是用户要在弹窗中看到的文本。 然而,`alert()`对话框样式固定且功能有限,不能满足复杂的交互需求。因此,我们可以使用原生JavaScript来构建自定义的弹窗效果。这...

    简单导航代码

    最后,为了确保在各种屏幕尺寸下都能正常显示,可以使用媒体查询实现响应式布局: ```css @media (max-width: 768px) { .nav-menu { /* 在小屏幕上可能需要堆叠布局 */ } } ``` 这就是一个基本的导航栏实现过程...

    JS简单实现DIV相对于浏览器固定位置不变的方法

    这种方法在某些情况下可能是必要的,例如在旧版IE浏览器中,`position: fixed`可能不被支持。 以下是关键代码解析: 1. `init()`函数在页面加载完成后执行,初始化`&lt;div id="oLayer"&gt;`的初始位置。 2. `document....

    JavaScript编写页面半透亮遮罩效果的简洁示例_.docx

    JavaScript 编写页面半透亮遮罩效果是前端开发中常见的需求,特别是在创建弹窗、提示框或加载等待效果时。以下是一个简单的示例,解释如何使用原生JavaScript实现这样的功能。 首先,我们需要HTML结构来定义遮罩层...

    js控制右下角停留效果,最简便,全部浏览器测试通过

    根据提供的文件信息,我们可以总结出一个关于如何使用JavaScript实现网页元素在右下角停留效果的知识点,特别是针对不同浏览器(包括老旧的IE6)的兼容性处理方法。 ### 核心知识点:JS控制右下角停留效果 #### 1....

    angular浏览器兼容性问题解决方案.docx

    对于此问题,最简单的解决方案是固定 echarts 图表所在容器的高度。 #### 四、IE 浏览器下初始化表单时触发表单验证问题 ##### 问题描述 在 IE 浏览器中初始化表单时,可能会触发表单验证。 ##### 原因分析 这是 ...

    在浏览器窗口上添加遮罩层的方法

    3. **IE6的特殊处理**:在IE6下,遮罩层无法覆盖`select`元素,这可以通过在遮罩层内嵌入一个`iframe`来解决。`iframe`的目的是创建一个新的层,从而隔离遮罩层与`select`元素,防止选中穿透。 ```html ...

    jquery实现的导航固定效果

    在介绍如何使用jQuery来实现一个常见的网页设计功能——导航固定效果的过程中,文章首先阐述了该功能的目的与应用场景。导航固定效果指的是当页面向下滚动超过一定距离时,页面顶部的导航栏会固定在浏览器窗口的顶部...

    js实现的弹窗效果,兼容主流浏览器

    在Web开发中,实现这样的效果通常涉及到JavaScript的核心语法、DOM操作以及浏览器兼容性处理。以下将详细介绍如何使用JavaScript实现弹窗效果,并考虑浏览器兼容性。 1. **基本原理** JavaScript弹窗通常通过创建...

    JavaScript Table行定位效果

    最后我用的方法是新建一个table,并把源tr克隆到新table中,然后通过对新table定位来实现效果。 用这个方法关键有两点,首先要做一个仿真度尽可能高的tr,还有是要准确的定位,这些请看后面的程序说明。 程序说明 ...

    圆形的动画导航用CSS和jQuery

    最后,考虑到兼容性问题,因为这个设计需要支持IE9及以上版本,我们需要引入jQuery库以及使用适当的CSS前缀,如`-webkit-`、`-moz-`、`-ms-`等,以确保在不同浏览器下的正常工作。 总结来说,创建一个圆形的动画...

Global site tag (gtag.js) - Google Analytics