IE6 position:fixed 固定定位问题

妖狐艹你老母 2022-08-07 01:57 239阅读 0赞

##### IE6下 position:fixed失效，解决方法如下：    #####

##### 除了IE6的浏览器 #####

##### .top \{       width: 97px;       height: 278px;       background: \#e0c157;       position: fixed;       z-index: 30000;       /\*    控制左右位置\*/       right: 50px;       margin-bottom: 10px;    \}    #####

##### 针对IE6使元素固定在浏览器的顶部 #####

.top{

_position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop)); }

#####  #####

##### 针对IE6使元素固定在浏览器的底部 #####

.top{ _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }

使用 margin-top:10px; 或者 margin-bottom:10px; 修改其中的数值控制元素的位置。

position:fixed; 闪动问题 现在，问题还没有完全解决。在用了上面的办法后，你会发现：被固定定位的元素在滚动滚动条的时候会闪动。解决闪动问题的办法是在 CSS 文件中加入： *html{ background-image:url(about:blank); background-attachment:fixed; } 其中 * 是给 IE6 识别的。 效果如下图： 详细请看http://loo2k.com/blog/ie6-position-fixed/

发表评论取消回复

表情：

评论列表（有 0 条评论，239人围观）

还没有评论，来说两句吧...

相关阅读

相关固定定位（HTML、CSS）

固定定位（HTML、CSS） <!DOCTYPE html> <html lang="en"> <head> <meta

约定不等于承诺〃/ 2023年10月03日 13:17/ 0 赞/ 13 阅读

相关固定定位练习

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

た入场券/ 2023年02月18日 12:55/ 0 赞/ 30 阅读

相关 CSS定位（相对定位，固定定位，绝对定位）

在CSS中，可以使用position属性来定位元素。position 属性规定元素的定位类型。属性值： absolute：生成绝对定位的元素，相对于 static

刺骨的言语ヽ痛彻心扉/ 2023年01月11日 09:15/ 0 赞/ 223 阅读

相关 CSS定位—静态定位、相对定位、固定定位、绝对定位、粘性定位

CSS定位定位是可以让盒子自由自在的在某个盒子内移动位置或者固定屏幕中的某个位置，并且可以压住其他盒子。定位的组成定位是将盒子定位在某一位置。按照定位的方式

悠悠/ 2022年12月19日 01:18/ 0 赞/ 220 阅读

相关 postionfixed固定_解决position:fixed固定定位偏移问题的教程

css固定定位position:fixed很容易使用，就是相对浏览器的viewport进行定位，top:0;left:0就是在左上角。 .container\{ width

╰半橙微兮°/ 2022年10月27日 13:39/ 0 赞/ 298 阅读

相关 IE6浏览器不支持固定定位（position：fixed）解决方案

　　经过多次测试，原来不只在IE6下，在IE7、IE8浏览器下，若是文档使用的是怪异（quirk）模式也会导致这个问题。这也难怪，当IE7、8使用怪异模式时，渲染引擎

女爷i/ 2022年08月07日 04:43/ 0 赞/ 292 阅读

相关 IE6 position:fixed 固定定位问题

IE6下 position:fixed失效，解决方法如下：除了IE6的浏览器 .top \{ width: 97px; heigh

妖狐艹你老母/ 2022年08月07日 01:57/ 0 赞/ 240 阅读

相关 IE6 兼容问题整理

1、IE6怪异解析之padding与border算入宽高原因：未加文档声明造成非盒模型解析解决方法：加入文档声明<!doctype html> 2、IE6

ゝ一世哀愁。/ 2022年07月16日 11:45/ 0 赞/ 248 阅读

相关 fixed固定定位

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <st

╰+哭是因爲堅強的太久メ/ 2022年06月18日 05:25/ 0 赞/ 215 阅读

相关 HTML元素定位方式——相对定位、绝对定位、固定定位、浮动定位

布局排版是网页设计的基础，熟练使用各种定位写起网页来会更得心应手。静态定位当添加一个HTML元素，不设置定位方式默认为静态定位（position：static），静

水深无声/ 2021年09月20日 15:32/ 0 赞/ 794 阅读