CSS教程:让IE6支持position:fixed

参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 操作系统：Windows

我喜欢position:fixed，它很酷。
但ie6总不支持它，所以用其他的属性来模拟（这个模拟在主流浏览器中都兼容，所以其他浏览器也不需要分开写position:fixed了）。
看效果先：

运行代码框
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"html xmlns="http://www.w3.org/1999/xhtml"headmeta http-equiv="Content-Type" content="text/html; charset=utf-8" /meta name="author" content="Chomo" /link rel="start" href="http://www.14px.com" title...<a href="http://www.tulaoshi.com/n/20160219/1630664.html" target="_blank">[ 查看全文 ]</a></p> <div class="img_yyy_2"> <span>2016-02-19</span> <i>标签:</i> <div class="yyy_2_a"><a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> </div> </div> </div> </div> <div class="xiangguan_gg xiangguan_reader clearfix"> <div class="xiang_892_1" style="width:1158px;"> <h3><a href="http://www.tulaoshi.com/n/20160219/1630664.html" target="_blank">CSS教程:让IE6支持position:fixed</a>的相关文章</h3> </div> <div class="xiang_892_2" style="width:1158px;"> <ul id="loadmore_container" style="width:1158px;"> <li> <div class="xiang_892_2_1"><a href="/reader/1609183" target="_blank"><img src="http://img.tulaoshi.com/201602/19/064820cd2e4b9bec72f31ad335fa1fe0_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1609183.html" target="_blank">修正IE6不支持position:fixed的bug</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 众所周知IE6不支持position:fixed，这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。前些天我做自己的博客模板的时候，遇到了这个问题。当时就简单的无视了IE6——尽管有几个使用IE6的朋友，一起BS我……但是对于大项目或商业网站，如果有用到这个属性的时候，是不可能直接无视的。你是如何让position:fixed在IE6中工作的？本文所使用的技巧是用了一条Internet Explorer的CSS表达式(expressio...<a href="http://www.tulaoshi.com/n/20160219/1609183.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/wo随手拍拍/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/13.jpg" /><span>wo随手拍拍</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">3</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1626045" target="_blank"><img src="http://img.tulaoshi.com/201602/19/5d8f73e85147a5d664cb808237ed403e_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1626045.html" target="_blank">IE6支持PNG格式图片的CSS滤镜写法</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 之前一直在用 gif 图片或者用和背景色相同的 jpg 图片回避 IE6 不支持 PNG 图片背景色透明的 BUG，不过在做大菠萝3（Diablo III）主题时不愿放弃自己一个比较酷的 Idea，所以我还是决定要解决这个 BUG。网上关于解决 IE6 这个 BUG 的方法很多，有用 JS 的，也有用 IE6 的 CSS 滤镜的。稍微看了一下，JS 的方法仅用于单个图片的效果，但若拿图片作背景则不行。CSS 滤镜的写法则简单很多，也能用作背...<a href="http://www.tulaoshi.com/n/20160219/1626045.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/愿成你影/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/15.jpg" /><span>愿成你影</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">4</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1603278" target="_blank"><img src="http://img.tulaoshi.com/201602/19/52d0b2b4c294a8ddec95017884a5559b_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1603278.html" target="_blank">如何让JBuilder9支持Struts 1.1</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/bianchengyuyan/" target="_blank">编程语言</a> <a href="http://www.tulaoshi.com/wangluobiancheng/" target="_blank">网络编程</a></div> <div class="span_em_123">Struts1.1比Struts1.0功能增强了很多。比如：提供DynaActionForms，可不用编写任何代码创建动态的ActionForm；多应用支持答应定义多个struts-config.XML配置文件等等。但JBuilder 9只直接支持Struts1.0，不直接支持Struts1.1，下面让我们来看看怎样让JBuilder 9支持Struts1.1。首先下载 jakarta-struts-1.1，把整个目录放到＜jbuilder的安装目录＞/extras目录下。接着在JBuilder用 Confi...<a href="http://www.tulaoshi.com/n/20160219/1603278.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/A徘徊/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/18.jpg" /><span>A徘徊</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">0</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1616024" target="_blank"><img src="http://img.tulaoshi.com/201602/19/c6fdd50c4e22a7734c174a6c4ceeee1d_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1616024.html" target="_blank">CSS兼容IE6,IE7,FF的技巧</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 一、CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) style #wrapper { width: 100px!important; /* IE7+FF */ width: 80px; /* IE6 */ } /style 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签. style #wrapper { #wrapper { wid...<a href="http://www.tulaoshi.com/n/20160219/1616024.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/哈哈神马啊/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/14.jpg" /><span>哈哈神马啊</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">5</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1616044" target="_blank"><img src="http://img.tulaoshi.com/201602/19/bf9c0a375ad9985df053abd8a296af96_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1616044.html" target="_blank">针对firefox ie6 ie7的css样式</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 本人专业是做UI的，写CSS已经有好几年了，目前刚刚在博客发布关于CSS的文章，欢迎有问题的朋友在有问必答论坛提问，我一定尽力解答。 1 针对firefox ie6 ie7的css样式现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了现在写一个CSS...<a href="http://www.tulaoshi.com/n/20160219/1616044.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/记忆中你不在/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/4.jpg" /><span>记忆中你不在</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">4</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1630421" target="_blank"><img src="http://img.tulaoshi.com/201602/19/7a5236e6efc90d6591d03e6271161f50_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1630421.html" target="_blank">CSS技巧：IE6用import导入CSS的问题</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 在ie 6中可以先写CSS再加import比如 p {} @import url("base.css"); 但在浏览器里死活是渲染不出来. 用抓包工具跟踪, 根本就没有请求... 如果去掉上面的p选择符,或者放到import下方就可以渲染, 按标准来说import是要放首行的,但aoao说IE6是可以先放其它的CSS再加import的. @import url("base.css"); p {} 如果我再尝试把css的import写成link这样,也是可行的 style p {} /style ...<a href="http://www.tulaoshi.com/n/20160219/1630421.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/Zhong央Jun委/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/11.jpg" /><span>Zhong央Jun委</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">7</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1615167" target="_blank"><img src="http://img.tulaoshi.com/201602/19/24bf02479b2d58ad2bd3115f96ff2d48_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1615167.html" target="_blank">CSS Hack:区分IE6/IE7/IE8/Firefox</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 今天被在修改CSS的时候，突然碰到要单独Hack IE8的。当然，用注释非常方便，只要添加相应的注释就可以解决。但问题是，为了一句CSS写多一个文件，或者在header上添加注释，那显然不是懒人的习惯做法。结论如下： selector{ property:value; /* 所有浏览器 */ property:value\9; /* 所有IE浏览器 */ +property:value; /* IE7 */ _property:value; /* IE6 */ } 当然，注意顺序。根据CSS的优先性...<a href="http://www.tulaoshi.com/n/20160219/1615167.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/猎狐狸/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/27.jpg" /><span>猎狐狸</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">0</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1629593" target="_blank"><img src="http://img.tulaoshi.com/201602/19/53fcb6a227e0f950200f9261babd664a_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1629593.html" target="_blank">区分IE6,IE7和firefox的CSS hack</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 区别IE6与FF： background:orange;*background:blue; 区别IE6与IE7： background:green !important;background:blue; 区别IE7与FF： background:orange; *background:green; 区别FF，IE7，IE6： background:orange;*background:green !important;*background:blue; 注：IE都能识别*;标准浏览器(如FF)不能识别*； IE6能识别*，但不能识别 !important, IE7能识别*，也能识别!important; FF不能识别*，但...<a href="http://www.tulaoshi.com/n/20160219/1629593.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/寻找不同的人生/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/23.jpg" /><span>寻找不同的人生</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1614054" target="_blank"><img src="http://img.tulaoshi.com/201602/19/fec1bc8a95884461467e73caf9913b69_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1614054.html" target="_blank">CSS编码差异导致IE6不能正常解析CSS文件</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 在做div css网页设计的时候突然IE6不能正常解析CSS文件，解决半天也不得其解，于是上网去找老师，最后在网上找到了一篇好的文章，且解决了问题，特发出来为大家欣赏，首先谢谢本文作者。网页采用了 UTF-8 编码格式，这本来没有问题，问题是外部 CSS 文件默认是 ANSI 编码，并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也是没有问题的，然而当 CSS 文件中包含有中文注释时就可能不尽如人...<a href="http://www.tulaoshi.com/n/20160219/1614054.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/爱华古典家具/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/24.jpg" /><span>爱华古典家具</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1630140" target="_blank"><img src="http://img.tulaoshi.com/201602/19/3abd31a812eb7d05af65cc13871b92b3_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1630140.html" target="_blank">IE6编码问题无法正确解析CSS文件</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 本文为转载，是一个网友在实际工作中遇到的问题，在此52CSS转载过来，大家在遇到此类问题时，可以有一定经验。又是IE6，又是编码，说来说去都是这些问题。今天在做一个网页的时候发现 IE6 版本以下的浏览器不能把CSS正确地表现出来，CSS 好像没有产生任何作用！而 IE7 、Opera9 和 Firefox2 则没有任何问题。经过长久的分析研究，终于被我发现产生问题的...<a href="http://www.tulaoshi.com/n/20160219/1630140.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/夜里独zi哭泣/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/1.jpg" /><span>夜里独zi哭泣</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">4</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1597333" target="_blank"><img src="http://img.tulaoshi.com/201602/19/bfc66c3e3428609cc180451b5202e8b5_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1597333.html" target="_blank">win10支持ios吗</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/diannaorumen/" target="_blank">电脑入门</a></div> <div class="span_em_123"> 微软在今年的build大会上公布了win10系统兼容安卓的project astoria计划，在win10手机兼容Android上的举措让人看得激动人心，其实微软还发布了兼容ios应用的Project Islandwood计划，现在win10兼容ios应用的桥接工具也已经对外发布。当然，微软对iOS没有运行安卓apk类似的激进，而只是希望开发者借助工具能够快速将ipk部署成Win10通用应用。需要注意的，该工具仅仅是一个不那么完善的早期版本，甚至...<a href="http://www.tulaoshi.com/n/20160219/1597333.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/读书读个毛啊/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/13.jpg" /><span>读书读个毛啊</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">3</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1482927" target="_blank"><img src="http://img.tulaoshi.com/201601/29/05f1af3992541c41ea0aee01af8570df_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1482927.html" target="_blank">css教程：IE6、IE7和FF的hack的运用技巧</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/html/" target="_blank">Html</a> <a href="http://www.tulaoshi.com/cssbuju/" target="_blank">CSS布局</a> <a href="http://www.tulaoshi.com/divcss/" target="_blank">Div+CSS</a> <a href="http://www.tulaoshi.com/xhtml/" target="_blank">XHTML</a></div> <div class="span_em_123"> CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。 FF浏览器 .test{ height:20px; background-color:orange; } IE7浏览器 *+html .test{/*IE7*/ height:20px; background-color:blue; } IE6浏览器 *html .test{/*...<a href="http://www.tulaoshi.com/n/20160129/1482927.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/倾我所有D/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/27.jpg" /><span>倾我所有D</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">11</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1629548" target="_blank"><img src="http://img.tulaoshi.com/201602/19/cbf20ceb20ecc9a4c3bc0d5678bd2041_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1629548.html" target="_blank">IE8、IE7、IE6、FF简单的CSS HACK测试</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 简单试用了一下IE8后，今天相对有时间点，对IE8、IE7、IE6、Firefox2.0.0.12做了简单的一些CSS HACK测试。样式代码： p {color:#f00;} xhtml代码： p文字/p 主要是测试文字这个颜色在不同浏览器下使用hack的一些结果报告。早上测试的东西少了几个，这里补上，还有更多的东西等怿飞的测试报告。下午有时间再看看其他一些属性，不过现在这些只是IE8测试版的问题，正式版应该会...<a href="http://www.tulaoshi.com/n/20160219/1629548.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/爱尚KTV唐飞/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/8.jpg" /><span>爱尚KTV唐飞</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">3</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1619398" target="_blank"><img src="http://img.tulaoshi.com/201602/19/cc1f842769a8e840b293850551f7f6ef_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1619398.html" target="_blank">CSS 让IE ff Opera同时支持Alpha透明</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 关于CSS Alpha透明的相关知识。先请看如下代码：程序代码 filter:alpha(opacity=50); /* IE */ -moz-opacity:0.5; /* Moz + FF */ opacity: 0.5; /* 支持CSS3的浏览器（FF 1.5也支持）*/ 简单...<a href="http://www.tulaoshi.com/n/20160219/1619398.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/小默达home/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/28.jpg" /><span>小默达home</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1616033" target="_blank"><img src="http://img.tulaoshi.com/201602/19/a068b88a8fd4907d83df2b44011df571_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1616033.html" target="_blank">解决IE6、IE7、Firefox兼容最简单的CSS Hack</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 很早就在这里看到过解决方案，与嗷嗷讨论后发现这个方案还是很可靠的。当然，唯一的缺点就是每一个属性都要去Hack，但我在很多实践中，只用‘修正’1-2个属性就可以了。具体写法很容易： #someNode { position: fixed; #position: fixed; _position: fixed; } 第一排给Firefox以及其他浏览器看第二排给IE7（可能以后的IE8、IE9也是如此，谁知道呢）看 ...<a href="http://www.tulaoshi.com/n/20160219/1616033.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/我天真无了个牙/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/23.jpg" /><span>我天真无了个牙</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">3</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1609290" target="_blank"><img src="http://img.tulaoshi.com/201602/19/2152f428444fd3c902231ef944d5a4d4_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1609290.html" target="_blank">汇总让IE6崩溃的几种方法</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 经常遇到莫名其妙让IE6崩溃的事情。今天看到了一篇好文章，数字生活整理整理发上来，以后开发的时候要注意了。鉴于国内IE6的市场份额还在主流的情况，一定要避免出现以下情况。 IE6真脆弱啊 1.设置scrollbar-base-color，css里给table做了定位，再通过js改变其定位IE6就崩溃了。关键代码： style type="text/css" html, body { scrollbar-base-color: #330066; } .crash ...<a href="http://www.tulaoshi.com/n/20160219/1609290.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/你是我的眼会/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/1.jpg" /><span>你是我的眼会</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">18</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1611363" target="_blank"><img src="http://img.tulaoshi.com/201602/19/a6bf0d872cdcfe38652ea496204f383f_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1611363.html" target="_blank">关于IE6、IE7和FF最简单的CSS hack技巧</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 关于CSS HACK的文章在52CSS.com中提及的也很多。CSSer必须掌握的关于IE6、IE7和FF的最简单的hack技巧。您也可以参考下面的文章 FF浏览器 .test{ height:20px; background-color:orange; } IE7浏览器 *+html .test{/*IE7*/ height:20px; background-color:blue; } IE6浏览器 *html .test{/...<a href="http://www.tulaoshi.com/n/20160219/1611363.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/q2768498/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/3.jpg" /><span>q2768498</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">1</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1504852" target="_blank"><img src="http://img.tulaoshi.com/201601/29/654f80fda4adf6f24d517bd34fc2da85_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1504852.html" target="_blank">快速让你的RedHat9支持NTFS文件系统</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/linux/" target="_blank">Linux</a> <a href="http://www.tulaoshi.com/linuxmingling/" target="_blank">Linux命令</a> <a href="http://www.tulaoshi.com/linuxanzhuang/" target="_blank">Linux安装</a> <a href="http://www.tulaoshi.com/linuxbiancheng/" target="_blank">Linux编程</a> <a href="http://www.tulaoshi.com/linuxzhuomian/" target="_blank">Linux桌面</a> <a href="http://www.tulaoshi.com/linuxruanjian/" target="_blank">Linux软件</a> <a href="http://www.tulaoshi.com/linuxneihe/" target="_blank">Linux内核</a> <a href="http://www.tulaoshi.com/linuxguanli/" target="_blank">Linux管理</a></div> <div class="span_em_123"> 环境: redhat9 kernel用up2date升级到了2.4.20-20 步骤: redhat在安装完后会在/boot下存放一份当前运行kernel的配置文件,例如我的是 config-2.4.20-20.9,将这个文件复制到/usr/src/linux-2.4当然你必须安装kernel的源代码才可以编译 cp config-2.4.20-20.9 /usr/src/linux-2.4/.config 然后修改/usr/src/linux-2.4目录下的Makefile找到第四行: EXTRAVERSION= -2...<a href="http://www.tulaoshi.com/n/20160129/1504852.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/love任珊珊/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/22.jpg" /><span>love任珊珊</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">4</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1629695" target="_blank"><img src="http://img.tulaoshi.com/201602/19/9027b51f0086212cf1f7e823e6cbbdab_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1629695.html" target="_blank">CSS教程:CSS中的定位（position）</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 使用CSS来定位页面内层的位置，一直是比较难以掌握的事情，很多时候，往往被绝对定位的元素，总是以浏览器的左上角为坐标原点，此时，如果浏览器的大小改变，被定义的层就会偏离设计想要的位置，让人很挠头。其实，要想控制好层的绝对定位，只要理解CSS中关于定位（position）的定义，一切就会变得轻松简单。 CSS中关于定位（position）是这样定义的：定位（position）允许用户精...<a href="http://www.tulaoshi.com/n/20160219/1629695.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/一辈子的孤单zg/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/5.jpg" /><span>一辈子的孤单zg</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">3</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1500384" target="_blank"><img src="http://img.tulaoshi.com/201601/29/fb3be987a41e6382935161e631ce0865_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1500384.html" target="_blank">编程爱好者的福音让IIS6.0支持ASP</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/asp/" target="_blank">ASP</a></div> <div class="span_em_123"> ASP脚本在目前的网页开发方面使用的很广泛，但Windows 2003中自带的IIS 6.0默认情况下不支持ASP脚本，但可以运行aspx程序，这给运行和调试ASP代码带了不便。其实，在Windows 2003的Internet信息管理器中稍加调整，就可以解决这一问题。点击“开始/程序/管理工具/Internet信息管理器”，在IIS管理器窗口中，在窗口左侧面板选中“Web 服务扩展”，在窗口右侧的属性列表中点击“Active Server Pages”项，可...<a href="http://www.tulaoshi.com/n/20160129/1500384.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/齐市金碧辉煌/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/24.jpg" /><span>齐市金碧辉煌</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">0</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> </ul> <div id="pages" class="clearfix"> <a href="/reader/21292.html">上一页</a><a href="/reader/21289.html">21289</a><a href="/reader/21290.html">21290</a><a href="/reader/21291.html">21291</a><a href="/reader/21292.html">21292</a><a href="/reader/21293.html" class="cur">21293</a><a href="/reader/21294.html">21294</a><a href="/reader/21295.html">21295</a><a href="/reader/21296.html">21296</a><a href="/reader/21297.html">21297</a><a href="/reader/21294.html">下一页</a> </div> </div> </div>  <script type="text/javascript">tls.output.show_foot();</script> <div class="float_bottom" id="fixbottom" style="bottom:30px;"> <a href="http://m.tulaoshi.com//" class="icon_hu3">手机页面</a> <div class="float_bot_2"> <a href="javascript:;"id="show_search_input"> <input type="submit" class="input_sub" id="fixbottom_search_btn"> <input type="text" class="text_a_input" placeholder="输入你想搜索的关键词" style="display:none;" id="fixbottom_search_input"> </a> </div> <a href="javascript:;" class="icon_hu2" id="fav_site_btn" data-url="http://www.tulaoshi.com//">收藏网站</a> <a href="javascript:;" class="icon_hu" id="totop">回到头部</a> </div>  <script type="text/javascript" src="http://static.tulaoshi.com/js/zt.js"></script> </body> </html>