CSS教程:兼容ie6,ie7,ff的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" /titlefixed ie6/titlestyle type="text/css"body{background-image:url(about:blank); background-attachment:fixed;/*必要，防抖动*/}.head,.foot{position:fixed !important;/*ie7 ff*/position:absolute;z-index:21;background:#999;height:30px;width:500px;}.foot{bottom:0 !important;/...<a href="https://www.tulaoshi.com/n/20160220/1631311.html" target="_blank">[ 查看全文 ]</a></p> <div class="img_yyy_2"> <span>2016-02-20</span> <i>标签:</i> <div class="yyy_2_a"><a href="https://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="https://www.tulaoshi.com/n/20160220/1631311.html" target="_blank">CSS教程:兼容ie6,ie7,ff的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/1616024" target="_blank"><img src="https://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="https://www.tulaoshi.com/n/20160219/1616024.html" target="_blank">CSS兼容IE6,IE7,FF的技巧</A></div> <div class="xiang_righ_lable">标签：<a href="https://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="https://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="https://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/1629548" target="_blank"><img src="https://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="https://www.tulaoshi.com/n/20160219/1629548.html" target="_blank">IE8、IE7、IE6、FF简单的CSS HACK测试</A></div> <div class="xiang_righ_lable">标签：<a href="https://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="https://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="https://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/1482927" target="_blank"><img src="https://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="https://www.tulaoshi.com/n/20160129/1482927.html" target="_blank">css教程：IE6、IE7和FF的hack的运用技巧</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/html/" target="_blank">Html</a> <a href="https://www.tulaoshi.com/cssbuju/" target="_blank">CSS布局</a> <a href="https://www.tulaoshi.com/divcss/" target="_blank">Div+CSS</a> <a href="https://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="https://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="https://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/1616033" target="_blank"><img src="https://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="https://www.tulaoshi.com/n/20160219/1616033.html" target="_blank">解决IE6、IE7、Firefox兼容最简单的CSS Hack</A></div> <div class="xiang_righ_lable">标签：<a href="https://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="https://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="https://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/1611363" target="_blank"><img src="https://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="https://www.tulaoshi.com/n/20160219/1611363.html" target="_blank">关于IE6、IE7和FF最简单的CSS hack技巧</A></div> <div class="xiang_righ_lable">标签：<a href="https://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="https://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="https://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/1616044" target="_blank"><img src="https://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="https://www.tulaoshi.com/n/20160219/1616044.html" target="_blank">针对firefox ie6 ie7的css样式</A></div> <div class="xiang_righ_lable">标签：<a href="https://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="https://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="https://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/1629593" target="_blank"><img src="https://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="https://www.tulaoshi.com/n/20160219/1629593.html" target="_blank">区分IE6,IE7和firefox的CSS hack</A></div> <div class="xiang_righ_lable">标签：<a href="https://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="https://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="https://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/1615167" target="_blank"><img src="https://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="https://www.tulaoshi.com/n/20160219/1615167.html" target="_blank">CSS Hack:区分IE6/IE7/IE8/Firefox</A></div> <div class="xiang_righ_lable">标签：<a href="https://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="https://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="https://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/1630333" target="_blank"><img src="https://img.tulaoshi.com/201602/19/bbdb47d0b2b5006aafeea892c68a1250_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1630333.html" target="_blank">IE6、IE7和FF的最简单的hack技巧</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 关于CSS HACK的文章在webjx.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{/*IE6*/ heigh...<a href="https://www.tulaoshi.com/n/20160219/1630333.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/杨漾恋惜君/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/13.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/1630664" target="_blank"><img src="https://img.tulaoshi.com/201602/19/9a31698cd86ad66759fc9f56a8889b99_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1630664.html" target="_blank">CSS教程:让IE6支持position:fixed</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 参与测试的浏览器：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-tra...<a href="https://www.tulaoshi.com/n/20160219/1630664.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/悲剧演员57/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/14.jpg" /><span>悲剧演员57</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/1613831" target="_blank"><img src="https://img.tulaoshi.com/201602/19/721fe8f62e00241bae2cf8e4d14d122b_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1613831.html" target="_blank">让IE8兼容IE7</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" / 记录一下备用。 <a href="https://www.tulaoshi.com/n/20160219/1613831.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/大卖区/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/11.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/1614974" target="_blank"><img src="https://img.tulaoshi.com/201602/19/8da6d1631d00a8d4c5ca43e37bdd9f3b_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1614974.html" target="_blank">IE6/IE7和Firefox对Div处理的差异</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 基本HTML代码 !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" headtitleDiv Float Sample/titlestyle type="text/css"div { margin:3px; }.d1 { width:250px; min-height:20px; border:1px solid #00cc00; }.d2 { width:130px; min-heig...<a href="https://www.tulaoshi.com/n/20160219/1614974.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/19771111陶钧/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/14.jpg" /><span>19771111陶钧</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/1589091" target="_blank"><img src="https://img.tulaoshi.com/201602/19/bb9509b38550b1c6af93c7fe4cc1cca8_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1589091.html" target="_blank">用JavaScript 判断用户使用的是 IE6 还是 IE7</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] js判断IE6/IE7/FF 代码如下： if (window.XMLHttpRequest) { //Mozilla, Safari,IE7 alert('Mozilla, Safari,IE7 '); if(!window.ActiveXObject){ // Mozilla, Safari, alert('Mozilla, Safari'); } else { alert('IE7'); } } else { alert('IE6'); } 更详细的代码可以参考 JavaScript 判断浏览器类型及版本<a href="https://www.tulaoshi.com/n/20160219/1589091.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/也许伱不懂幻/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/21.jpg" /><span>也许伱不懂幻</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/1625954" target="_blank"><img src="https://img.tulaoshi.com/201602/19/9a9d048e7adf45d9653e13935d98fe79_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1625954.html" target="_blank">IE和FF对CSS兼容问题</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> CSS对浏览器器的兼容性具有很高的价值，通常情况下IE和Firefox存在很大的解析差异，这里介绍一下兼容要点。常见兼容问题： 1、DOCTYPE 影响 CSS 处理 2、FF：div 设置 margin-left， margin-right 为 auto 时已经居中，IE 不行 3、FF: body 设置 text-align 时， div 需要设置 margin: auto(主要是 margin-left，margin-right) 方可居中 4、FF: 设置 padding 后， div 会增加 ...<a href="https://www.tulaoshi.com/n/20160219/1625954.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/茶茶不要牧师/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/14.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/1589449" target="_blank"><img src="https://img.tulaoshi.com/201602/19/bade2521cc3d83b1722c2def21643690_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1589449.html" target="_blank">【消息提示组件】兼容IE6/7&&FF2</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">作者：yemoo <a href="https://www.tulaoshi.com/n/20160219/1589449.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/干了这碗小姨妈/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/19.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/1630083" target="_blank"><img src="https://img.tulaoshi.com/201602/19/39ba6af5410acb5df8ec609926fccb52_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1630083.html" target="_blank">IE与FF不兼容网页布局CSS问题</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> CSS网页布局中往往会出现很多IE与FF不兼容问题，下面整理了一些常见的可能及其解决的办法！ 1、用!important解决IE和Mozilla的布局差别 !important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权，最重要的一点是：IE一直都不支持这个语法，而其他的浏览器都支持。因此我们就可以利用这一点来分别给IE和其他浏览器不同的样式定义，例如，我们定义这样一个样式： .colortest{ ...<a href="https://www.tulaoshi.com/n/20160219/1630083.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/小小雨009gxy/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/3.jpg" /><span>小小雨009gxy</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/1630109" target="_blank"><img src="https://img.tulaoshi.com/201602/19/cfcac5f315d307884584485df3813f6f_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1630109.html" target="_blank">网页在IE6下错位在IE7下正常的问题</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 相关文章：网页在IE6下正常在IE7下错位的问题问： IE6网页显示错位，IE7显示正常我用dreamweaver制作的静态页面，DIV+CSS格式的，在IE7.0浏览器和火狐浏览器中显示都很正常，但是在IE6.0中显示就不正常，这是怎么回事呀，请高手帮忙？！答：区别不同浏览器，CSS hack写法：区别IE6与FF： backgroundrange;*background:blue; 区别IE6与IE7： background:green !important;background:blue;...<a href="https://www.tulaoshi.com/n/20160219/1630109.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/青楼好男子/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/29.jpg" /><span>青楼好男子</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">13</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1630104" target="_blank"><img src="https://img.tulaoshi.com/201602/19/ff99e3601e8b51ccc89d150e6b1241c3_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1630104.html" target="_blank">网页在IE6下正常在IE7下错位的问题</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 问： css+div做的网页在ie7里错位了，在ie6里好好的，这个在css里可以改吗？答：用CSS+DIV来写网站代码的好处显而易见，这里不多说了，但由于不同浏览器对CSS的解释不统一，造成不同浏览器下页面错位的现象十分常见 cs.Phontol.com页面乱的原因是因为IE6认为一个DIV超宽了，所以把本应float;right的DIV挤了下去。Phontol.com而如果设置为IE6下显示正常的宽度，则在IE7和Firefox下看页面就会少了一...<a href="https://www.tulaoshi.com/n/20160219/1630104.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/特8次/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/24.jpg" /><span>特8次</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">10</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1589135" target="_blank"><img src="https://img.tulaoshi.com/201602/19/6880a5eb38865d2d483957eea496aaae_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1589135.html" target="_blank">javascript实现的三维正方体(兼容ie7,ff)</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">通过更新变换矩阵来记录转动(函数remx()). 利用矩阵计算出转动后的正方体顶点坐标, 把各个顶点的空间坐标按”近大远小”转换成平面坐标(函数p2d()), 用正方体各个面的法向量的z坐标判断该面是否可见, 用高为1px的div层模拟画出四边形(函数gra2htm()). 鼠标拖曳的代码用别人的代码修改的. Cube [Ctrl+A 全选注:如需引入外部Js需刷新才能执行] <a href="https://www.tulaoshi.com/n/20160219/1589135.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/我茨儿/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/5.jpg" /><span>我茨儿</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">6</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1594814" target="_blank"><img src="https://img.tulaoshi.com/201602/19/ce7f227fd66779585b5bd839fae7b09f_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="https://www.tulaoshi.com/n/20160219/1594814.html" target="_blank">IE7提供XMLHttpRequest对象为兼容</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">在IE7的开发中，据说新增加了一个Native对象——XMLHttpRequest。怎么难道开发IE7的"新警察"不知道IE6们都用ActiveX对象XmlHttp吗？XmlHttp出了什么问题，IE7为什么要这么做？原来一切就为了一个简单的兼容而已，但让人感慨颇多。 IE7提供XMLHttpRequest对象后，当然会继续支持ActiveX对象XmlHttp，这是微软这么几十年来产品升级起码的"素养"，丝毫不用我们去担心现在IE上的Ajax应...<a href="https://www.tulaoshi.com/n/20160219/1594814.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/Henry勇士/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/14.jpg" /><span>Henry勇士</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> </ul> <div id="pages" class="clearfix"> <a href="/reader/21279.html">上一页</a><a href="/reader/21276.html">21276</a><a href="/reader/21277.html">21277</a><a href="/reader/21278.html">21278</a><a href="/reader/21279.html">21279</a><a href="/reader/21280.html" class="cur">21280</a><a href="/reader/21281.html">21281</a><a href="/reader/21282.html">21282</a><a href="/reader/21283.html">21283</a><a href="/reader/21284.html">21284</a><a href="/reader/21281.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="https://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="https://www.tulaoshi.com//">收藏网站</a> <a href="javascript:;" class="icon_hu" id="totop">回到头部</a> </div>  <script type="text/javascript" src="https://static.tulaoshi.com/js/zt.js"></script> </body> </html>