找Bug 篇
原始代码，未做修正：
运行代码框!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"head runat="server"meta http-equiv="Content-Type" content="text/html; charset=utf-8" /meta http-equiv="Content-Language" content="zh-CN" /title首页-牛腩新闻发布系统/titlestyle type="text/css"/*![CDATA[*//** 创建人：牛腩*/* { /* 把默认值都设置为0 */margin:0;padding:0;border-width:0;}body {font-size: 14px;}a:link...<a href="https://www.tulaoshi.com/n/20160219/1630843.html" target="_blank">[ 查看全文 ]</a></p> <div class="img_yyy_2"> <span>2016-02-19</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/20160219/1630843.html" target="_blank">网页页面原结构和CSS写法导致浏览器兼容问题</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/1630176" target="_blank"><img src="https://img.tulaoshi.com/201602/19/45c84eaba86a6fe05b59f42b76b0cef4_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/1630176.html" target="_blank">FireFox浏览器和IE浏览器下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"> 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 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width 5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式...<a href="https://www.tulaoshi.com/n/20160219/1630176.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/6.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/1598332" target="_blank"><img src="https://img.tulaoshi.com/201602/19/24d82f9403a28b971d7032f7c60e0178_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/1598332.html" target="_blank">各种浏览器兼容问题</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 关于用脚本设置onload事件句柄 在IE、Opera均正常有效，唯独FF既不执行，也不报错，因为在FF，document.body.onload是undefined(未定义)，把一个函数赋值给undefined既不会发生什么事情，也不算出错。 这么写的在IE、Opera和FF都有效： 关于用脚本绑定事件句柄 IE 下用 attachEvent， FF 下用 addEventListener 相关讨论如下： http://search.blueidea.com/?q=addEventListener&bi...<a href="https://www.tulaoshi.com/n/20160219/1598332.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/看着叫吧smile/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/22.jpg" /><span>看着叫吧smile</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/1630327" target="_blank"><img src="https://img.tulaoshi.com/201602/19/c49bebc6b302bee21383097846854470_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/1630327.html" target="_blank">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布局吗？是不是还不能完全掌握纯CSS布局？通常有两种情况阻碍你的学习： 第一种可能是你还没有理解CSS处理页面的原理。在你考虑你的页面整体表现效果前，你应当先考虑内容的语义和结构，然后再针对语义、结构添加CSS。这篇文章将告诉你应该怎样把HTML结构化。 另一种原因是你对那些非常熟悉的表现层属性(例如：cellpadding,、hspace、align="left"等等)束手无策，...<a href="https://www.tulaoshi.com/n/20160219/1630327.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/诱lovely/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/7.jpg" /><span>诱lovely</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/1621819" target="_blank"><img src="https://img.tulaoshi.com/201602/19/43444d436f6d6e46aeab69ebc24ef846_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/1621819.html" target="_blank">网页制作:不同浏览器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, ...<a href="https://www.tulaoshi.com/n/20160219/1621819.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/木子李88106/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/19.jpg" /><span>木子李88106</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/1611266" target="_blank"><img src="https://img.tulaoshi.com/201602/19/ffa217aa52ff7b7e98a81ffc72bae564_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/1611266.html" target="_blank">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"> 一、少用偏门。 类似break-word断行，z-index手动分层，还有像垂直对齐等等这些偏门CSS最好少用，因为不一定所有浏览器都支持，而且极难通过W3C检测。 二、center不是float的值。 很多新手都会把center误认为是float的值，而偏偏不是如此。center只是text-align的值。 三、对齐不能包括两个值。 很多新手会在float或者text-align中填写两个值，比如：float:left top。这是不允许...<a href="https://www.tulaoshi.com/n/20160219/1611266.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/26.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/1630145" target="_blank"><img src="https://img.tulaoshi.com/201602/19/cb865ad212d816b35370c8793de60f22_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/1630145.html" target="_blank">网页制作:不同浏览器的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 !imp...<a href="https://www.tulaoshi.com/n/20160219/1630145.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/Zx萱妍堂/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/5.jpg" /><span>Zx萱妍堂</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/1629911" target="_blank"><img src="https://img.tulaoshi.com/201602/19/7e5bda0410d134e6a182b10c1fa8a1e3_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/1629911.html" target="_blank">DIV 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 div布局，总会遇到很多浏览器兼容的问题，这个问题困扰了一段时间，只到看了精通css才看到几个解决办法。 1.加clear空div .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;}/* End hide from IE-mac *...<a href="https://www.tulaoshi.com/n/20160219/1629911.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:;">7</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1604740" target="_blank"><img src="https://img.tulaoshi.com/201602/19/aae57e9c495d9e7a5cf77cd11c8aee6e_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/1604740.html" target="_blank">浏览器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"> 网页设计遇到最大的麻烦之一莫过于网页对不同浏览器的兼容性问题了，因为IE 6.0 / IE 7.0 / firefox 2 / Opera 9等主流浏览器对CSS解析不近相同，导致设计的页面效果不一样，所以用什么方法可以有效解决不同浏览器不同页面效果的问题呢？广泛被使用的方法就是CSS Hack，即使用特别的CSS定义显示网页在不同浏览器的设计风格，针对不同的浏览器去写不同的CSS，最大化兼容浏览器。 一般情况下，我都会兼顾IE 6.0...<a href="https://www.tulaoshi.com/n/20160219/1604740.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/北京小青年33/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/10.jpg" /><span>北京小青年33</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/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/1610047" target="_blank"><img src="https://img.tulaoshi.com/201602/19/ba0b37e8aec00c5b2a928ad385442e7f_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/1610047.html" target="_blank">不同浏览器的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 !import...<a href="https://www.tulaoshi.com/n/20160219/1610047.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/杨子970241043/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/7.jpg" /><span>杨子970241043</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/1616037" target="_blank"><img src="https://img.tulaoshi.com/201602/19/5b272c0bdcc9603cc98c91f134119ea4_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/1616037.html" target="_blank">区别不同浏览器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;...<a href="https://www.tulaoshi.com/n/20160219/1616037.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/138393837/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/27.jpg" /><span>138393837</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/1577981" target="_blank"><img src="https://img.tulaoshi.com/201602/17/848b0de48c0840bc1dc2961db26c380e_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/20160217/1577981.html" target="_blank">编写跨浏览器兼容的CSS代码</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/pmsj/" target="_blank">平面设计</a> <a href="https://www.tulaoshi.com/hbsj/" target="_blank">海报设计</a> <a href="https://www.tulaoshi.com/ggsj/" target="_blank">广告设计</a> <a href="https://www.tulaoshi.com/huabaosheji/" target="_blank">画报设计</a> <a href="https://www.tulaoshi.com/qmsj/" target="_blank">签名设计</a> <a href="https://www.tulaoshi.com/fzsj/" target="_blank">服装设计</a> <a href="https://www.tulaoshi.com/mpsj/" target="_blank">名片设计</a> <a href="https://www.tulaoshi.com/huacesheji/" target="_blank">画册设计</a> <a href="https://www.tulaoshi.com/banshisheji/" target="_blank">版式设计</a> <a href="https://www.tulaoshi.com/shangbiaosheji/" target="_blank">商标设计</a></div> <div class="span_em_123"> 作为 Web 设计师，你的网站在各种浏览器中有完全一样的表现是很多人的目标，然而这是一个永远无法真正实现的目标，很多人认为，完美的跨浏览器兼容并不必要，这样说虽然没错，但在很多情形，一种近似的兼容还是很容易实现的，本文讲的是各种跨浏览器兼容的 CSS 编码准则和技巧。 理解 CSS 盒子模型 如果你想实现不需要很多奇巧淫技的跨浏览器兼容的 CSS 代码，透彻地理解 CSS 盒子模型是首要事情，CSS ...<a href="https://www.tulaoshi.com/n/20160217/1577981.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:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1609205" target="_blank"><img src="https://img.tulaoshi.com/201602/19/fde8bca75f4088ee8f879d2eaa182104_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/1609205.html" target="_blank">兼容主流浏览器的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透明代码: .transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }上面的几个属性分别是: opacity: 0.5; 这是最重要的，因为它是CSS标准.该属性支持Firefox, Safari和 Opera. filter:alpha(opacity=50); 这个是为IE6设的，可取值在0-100，其它三个0到1. -moz-opa...<a href="https://www.tulaoshi.com/n/20160219/1609205.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:;">7</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1616016" target="_blank"><img src="https://img.tulaoshi.com/201602/19/ccd1fbac95234f30ec21231a74aefe32_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/1616016.html" target="_blank">解决IE7.0和IE8.0的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"> 微软在IE8提供三种解析页面的模式 IE8 Standard Modes ：默认的最标准的模式，严格按照W3C相关规定 IE7 Standards Modes ：IE7现在用的解析网页的模式，开起机关是在head中加入 meta http-equiv="X-UA-Compatible" content="IE=7" Quirks Modes ：IE5用的解析网页的模式，开起机关是删除HTML顶部的DOCTYPE声明 注意：不同模式间的网页在IE8中可以互相 frame ，因此因不会模式下的DOM和CSS渲染不...<a href="https://www.tulaoshi.com/n/20160219/1616016.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/6.jpg" /><span>側面______</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">8</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1630533" target="_blank"><img src="https://img.tulaoshi.com/201602/19/0ad2652221d09f3b98cda4d4cb3aa387_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/1630533.html" target="_blank">IE和Firefox浏览器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网页布局 ，最令大家头疼的问题就是浏览器兼容性，虽然webjx.com介绍过很多这方向的知识，但依然让很多开发人员晕头转向，今天的这篇文章，将列出css和javascript在IE和Firefox中二十三个不同点，希望对大家的学习有所帮助。 一、document.formName.item("itemName") 问题 问题说明：IE下，可以使用 document.formName.item("itemName")...<a href="https://www.tulaoshi.com/n/20160219/1630533.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/刘叔叔o/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/3.jpg" /><span>刘叔叔o</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/1609229" target="_blank"><img src="https://img.tulaoshi.com/201602/19/a0610217a39edc5f94882aed1a2052ca_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/1609229.html" target="_blank">CSS包括IE8兼容问题的汇总</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。IE8的hack用的更少。贴出来以备以后查阅。 程序代码 #box{ color:red; /* 所有浏览器都支持 */ color:red !important;/* Firefox、IE7支持 */ _color:red; /* IE6支持 */ *color:red; /* IE6、IE7支持 */ *+color:red; /* IE7支持 */ color:red\9; /* IE6、IE7、IE8支持 */ color:red\0; /* IE8支持 */ } <a href="https://www.tulaoshi.com/n/20160219/1609229.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:;">9</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1607133" target="_blank"><img src="https://img.tulaoshi.com/201602/19/94d9da1116f81c7a85a536978ebef34d_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/1607133.html" target="_blank">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是指我们为了兼容各浏览器，而使用的特别的css定义技巧。这是国外摘来的一张CSS hack列表，显示了各浏览器对css hack的支持程度，对我们制作兼容网页非常有帮助。 <a href="https://www.tulaoshi.com/n/20160219/1607133.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/鲁鹏_1369/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/3.jpg" /><span>鲁鹏_1369</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/1630237" target="_blank"><img src="https://img.tulaoshi.com/201602/19/34bed7a807fc1c84e128dc8233ed6e2f_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/1630237.html" target="_blank">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"> 原文：http://www.gracecode.com/Archive/Display/2254 很多时候，希望能够在 HTML 中使用空格排版。但浏览器在解析 HTML 时，会把连续的空格解析成一个，所以我们会使用 等这样的占位符。 但是 也不是很可靠，比如空格间距非常大，那么我们必须增加多个占位符，同时页面的体积会变得非常大。 同时，注意到 Safari 中的 宽度是已设定字符的空格宽度（Safari 的默认字...<a href="https://www.tulaoshi.com/n/20160219/1630237.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/7.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/1501100" target="_blank"><img src="https://img.tulaoshi.com/201601/29/b38eee673c90b52103a239714d261137_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/1501100.html" target="_blank">SQL SERVER结构浏览器</A></div> <div class="xiang_righ_lable">标签：<a href="https://www.tulaoshi.com/asp/" target="_blank">ASP</a></div> <div class="span_em_123"> 从老外那儿转帖过来的 很酷，只要修改几个参数就可以了，很有帮助 <%@ LANGUAGE = JScript % <% var ConnStr= "DSN=admin"; // var UserLogin= "sa"; // input empty Login and Password, var...<a href="https://www.tulaoshi.com/n/20160129/1501100.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/20.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/1630765" target="_blank"><img src="https://img.tulaoshi.com/201602/19/41e8952178e9aa5525ab1d5920056bf3_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/1630765.html" target="_blank">对付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"> 一、针对firefox ie6 ie7的css样式 现在大部分都是用!important来 hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释， 会导致页面没按要求显示！找到一个针对IE7 不错的hack方式就是使用*+html，现在用IE7浏览一下，应该没有问题了现在写一个CSS可以这样： Example Source Code #abc { color: #333; } /* Moz */ * html #abc { color: #666; } /* IE6 */ *+html...<a href="https://www.tulaoshi.com/n/20160219/1630765.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/J_暖心/" target="_blank"><img src="https://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/25.jpg" /><span>J_暖心</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/21288.html">上一页</a><a href="/reader/21285.html">21285</a><a href="/reader/21286.html">21286</a><a href="/reader/21287.html">21287</a><a href="/reader/21288.html">21288</a><a href="/reader/21289.html" class="cur">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">21293</a><a href="/reader/21290.html">下一页</a> </div> </div> </div> <!--footer底部--> <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> <!--tag PC分类 标签--> <script type="text/javascript" src="https://static.tulaoshi.com/js/zt.js"></script> </body> </html>
