固定定位来源：http://www.wowbox.com.tw/blog/uploads/200705/02_022326_3.htm
详细HTML如下：
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Fixed Position @随网之舞</title>
<style type="text/css">
*{margin:0;padding:0;}
body{background:#242424;color:#ccc;}
h1{text-align:center;line-height:200%;}
code{display:block;margin:0.5em;border:1px solid #282828;padding:1em;background:#222;color:#888;font:1em Fixedsys;}
code span{color:#666;font-family:Verdana;}
ul{margin:1em;}
#fixed{position:fixed;top:5em;right:0;background:#fff;color:#000;}
</style>
<!--[if lt IE 7]>
<style type="text/css">
body{overflow:hidden;}
#wrapper{height:100%;overflow:auto;}
#fixed{position:absolute;right:17px;}
</style>
<![endif]-->
</head>
<body>
<div id="wrapper">
<h1>Fixed Position</h1>
<pre><code>
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh">
<head>
<span>......</span>
<!--[if lt IE 7]>
<style type="text/css">
body{overflow:hidden;}
#wrapper{height:100%;overflow:auto;}
#fixed{position:absolute;right:17px;}
</style>
<![endif]-->
</head>
<body>
<div id="wrapper">
<span>......</span>
</div>
<div id="fixed"><h2>{position:fixed}</h2></div>
</body>
</html>
</code></pre>
<ul>
<li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li><li>随网之舞</li>
</ul>
</div>
<div id="fixed"><h2>{position:fixed}</h2></div>
</body>
</html>
关键代码在于：
/* 这是针对标准浏览器的写法 */
#fixed{position:fixed;top:5em;right:0;background:#fff;color:#000;}
</style>
<!--[if lt IE 7] >
/* 这是版本小于ie7的兼容代码 */
<style type="text/css">
body{overflow:hidden;}
#wrapper{height:100%;overflow:auto;}
#fixed{position:absolute;right:17px;}
</style>
<![endif]-->
后来，在应用这个东东的时候，关键代码检查了N遍都是对的，但是IE6中死活不出正确的效果，继而最后由同事（对css是外行）发现原因出在xml版本的声明上面。。。郁闷了半天
<?xml version="1.0" encoding="utf-8"?>
这个东西在ie6中不写的话，完全没有效果，再次鄙视IE。
记录之以便后忘。
分享到：
相关推荐
- IE6特有的条件注释可以用于针对性地加载修复CSS或JavaScript，以解决特定于IE6的问题。例如： ```html <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="ie6.css" /> <![endif]--> ``` 10....
在Web开发过程中，尤其是针对IE6浏览器，开发者经常会遇到各种显示异常的问题，这些问题是由于IE6浏览器本身的渲染机制和对CSS标准支持不完全所导致的。以下是一些常见的IE6 bug及其解决方案： 1. **DOCTYPE声明**...
本文将深入探讨如何实现一个兼容多种浏览器（包括IE6, IE7, IE8, IE9, Firefox, Opera以及Android）的JavaScript验证机制，并关注`Gsvalidator.js`这个核心库和其辅助资源`tipImg`。 首先，我们来看`Gsvalidator.js...
3. **给浮动元素设置display: inline**：IE6存在一个著名的双倍外边距问题，给浮动元素添加`display: inline`可以解决这个问题。例如，设置`float: left`并配合`display: inline`可以修复`margin`计算错误。 4. **...
`是一个针对IE6、7的Hack，当文档模式切换为IE7时，这个Hack生效，文字颜色变为红色。而如果在标准模式下，这段代码可能不会被解析，因为其他现代浏览器通常不支持这种Hack。 为了实现向后兼容，开发者有时会在页面...
在网页开发过程中，兼容性问题是一个常见的挑战，尤其是在IE浏览器的历史版本之间。由于微软在各个版本的IE中引入了不同的渲染引擎和特性支持，使得某些代码可能在新版本中运行良好，但在旧版本中可能会出现问题。...
值得注意的是，IE8在"标准模式"下，通过了Acid2测试，这是一个检验浏览器是否正确实现Web标准的重要测试。这意味着在最佳兼容设置下，IE8对于符合标准的网页有着显著的改进。 总的来说，IE8的多兼容模式是微软在...
IE6 将对 CSS 提供更好的支持，但是这时的问题就来了，因为有很多页面是基于旧的布局方式写的，而如果 IE6 支持 CSS 则将令这些页面显示不正常。因此，IE6 引入了 Quirks 模式，以便在不破坏现有页面的情况下提供新...
Firefox通常对CSS和JavaScript有良好的支持，但在某些情况下可能需要处理特定的浏览器怪癖。例如，如果遇到遮罩层在Firefox中无法完全覆盖的问题，可以尝试添加`z-index`属性以确保其位于最上方。 6. 动态调整遮罩...
在网页开发过程中，浏览器兼容性始终是一个不可忽视的问题。每个浏览器都有其独特的解析方式和行为习惯，这些“怪癖”可能会导致在某些浏览器中代码运行不正常或样式表现不符合预期。以下是一些常见浏览器的怪癖及其...
本文将深入探讨如何使并排的两个对象（例如，一个复选框和一段文本）在IE6及其他浏览器中实现水平对齐。 首先，让我们回顾一下问题的描述：一个复选框与一串文字需要在同一行内水平对齐，但在不同的浏览器中可能会...
IE6有一个著名的双倍外边距BUG，给浮动元素设置display: inline可以解决这个问题。 4. 为元素设置hasLayout 许多IE6（或IE7）的问题可以用设置hasLayout值的方法来解决。给元素设置hasLayout值可以解决许多问题。 ...
在网页开发过程中，"一个需要调试的页面"这个标题暗示我们遇到了一个存在错误或不兼容问题的网页。可能的问题可能涉及到各种元素，如布局、样式、脚本等。描述中提到的主要问题是浏览器兼容性，这通常涉及到不同...
`<meta http-equiv="X-UA-Compatible" content="IE=7">` 这一行代码是针对Internet Explorer 8（IE8）浏览器的一个特定设置，它的作用是强制IE8以Internet Explorer 7（IE7）的标准模式来渲染网页内容。在IE8之前，...
例如，IE6并不支持子元素或同级元素选取器，这在跨浏览器的兼容性设计中是个挑战。 滥用CSS，如过度使用标签进行布局，可能会导致代码冗余，如同早期的巢状表格问题，影响代码的可读性和维护性。设计师应充分利用...
这使得更多的网页开始遵循W3C规范，但同时也暴露了IE6等早期浏览器的问题，因为它们的渲染行为多年未变。因此，当这些浏览器遇到包含正确DOCTYPE的页面时，无法正确处理，从而导致网站在新旧浏览器间出现兼容性问题...
好吧，一点点来：先明白一个词DTD（文档类型定义），也就是你F12后，页面里第一行的一串东西，即doctype声明。 这一串东西就是告诉浏览器你要用何种模式来渲染页面，说白了就是让浏览器用何种标准的CSS进行页面布局...
JavaScript 类库 IE7_0_9.zip 是专为解决 Internet Explorer 7（及以下版本）浏览器中的兼容性问题而设计的。这个库的目标是通过纯 JavaScript 实现对 W3C 标准 CSS 和 HTML 的支持，使开发者能够在 IE7 中使用更...
同时，兼容IE10意味着控件可能已经处理了IE浏览器的一些已知问题和怪癖，如盒模型、事件处理和CSS前缀等。 以下是一些常用的兼容IE的日历控件： 1. **FullCalendar**：这是一个流行的、功能丰富的日历库，支持多种...