?!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
webthink-CSS hack的一些思?我们该如何面对它?/title>
</head>
<body class="single">
<script language="JavaScript" type="text/javascript">
var str00="http://www.webthink.com.cn/blog/";
var str01="名称或邮箱不能为?;
var str02="名称或邮箱格式不?;
var str03="留言不能为空或过?;
var str06="显示UBB表情>>";
var intMaxLen="1000";
var strFaceName="Haha|Hehe|Love|Misdoubt|Music|Nothing_to_say|Sad|Shame|Sleep|Smile|Stop|What|Adore|After_boom|Angry|Cool|Cry|Effort|Faint|Grimace";
var strFaceSize="48";
var strBatchView="";
var strBatchInculde="";
var strBatchCount="";
</script>
<script language="JavaScript" type="text/javascript">LoadActiveStyleSheetInter();</script>
<div id="NaviBarWrapper">
<div id="NaviBar">
<h3>导航</h3>
<ul>
<li><a href="http://www.webthink.com.cn/blog/">Index</a></li>
<li><a href="http://www.webthink.com.cn/blog/search.asp">Search</a></li>
<li><a href="http://www.webthink.com.cn/blog/tags.asp">TagCloud</a></li>
<li><a href="http://www.webthink.com.cn/blog/guestbook.asp">GuestBook</a></li>
<li><a href="http://www.webthink.com.cn/blog/cmd.asp?act=login">Admin</a></li>
</ul>
</div>
</div>
<div id="Wrapper">
<div id="MainPage">
<div id="InnerMainPage">
<div id="Header">
<div id="InnerHeader">
<div id="CostomMenuUp">
<h3>导航</h3>
<ul>
<li><a href="http://www.webthink.com.cn/blog/">Index</a></li>
<li><a href="http://www.webthink.com.cn/blog/search.asp">Search</a></li>
<li><a href="http://www.webthink.com.cn/blog/tags.asp">TagCloud</a></li>
<li><a href="http://www.webthink.com.cn/blog/guestbook.asp">GuestBook</a></li>
<li><a href="http://www.webthink.com.cn/blog/cmd.asp?act=login">Admin</a></li>
</ul>
</div>
<div id="BlogTitleWrapper">
<h1 id="BlogTitle"><a href="http://www.webthink.com.cn/blog/"></a></h1>
<h2 id="BlogSubTitle"> </h2>
</div>
<div id="CostomMenuDown">
<h3>导航</h3>
<ul>
<li><a href="http://www.webthink.com.cn/blog/">Index</a></li>
<li><a href="http://www.webthink.com.cn/blog/search.asp">Search</a></li>
<li><a href="http://www.webthink.com.cn/blog/tags.asp">TagCloud</a></li>
<li><a href="http://www.webthink.com.cn/blog/guestbook.asp">GuestBook</a></li>
<li><a href="http://www.webthink.com.cn/blog/cmd.asp?act=login">Admin</a></li>
</ul>
</div>
</div>
</div>
<div id="Content">
<div id="InnerContent">
<div id="ContentArticle">
<div id="InnerContentArticle">
<div class="article cate4 auth1">
<div class="article-nav"><a class="l" href="http://www.webthink.com.cn/blog/post/51.html">« 浅谈CSS编码与组织技?/a><a class="r" href="http://www.webthink.com.cn/blog/post/53.html">企业网站的设计原?—专业?»</a></div>
<h4 class="article-date">2007-7-25 15:32:35</h4>
<div class="article-datebox-wrapper">
<div class="article-datebox">
<div class="article-datebox-year">2007 </div>
<div class="article-datebox-month">Jul</div>
<div class="article-datebox-day">25</div>
<div class="article-datebox-weekday">Wednesday</div>
</div>
</div>
<h6 class="article-header">发布:网? <a href="http://www.webthink.com.cn/blog/style/international/common/edit.asp?act=mngart&id=52">文章管理</a></h6>
<h2 class="article-title">CSS hack的一些思?我们该如何面对它?/h2>
<div class="article-body"><p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt; TEXT-INDENT: 15pt; mso-char-indent-count: 1.5"><span style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: 宋体; mso-bidi-font-family: Tahoma">我已经习惯了做好页面之后去解决不同浏览器的兼容性问题，不断的测试，不停的修?span lang="EN-US">CSS hack</span>以保证在大部分的浏览器上得到最佳效果。光<span lang="EN-US">IE</span>就需要兼?span lang="EN-US">IE5.X</span>?span lang="EN-US">IE6</span>，以后也许还要为<span lang="EN-US">IE7</span>来写单独?span lang="EN-US">CSS hack</span>，或许是这样的工作做得多了开始讨厌这样的没有效益的劳动。就是为了去满足那些少数?span lang="EN-US">IE5.0</span>用户或是为了满足那些极端?span lang="EN-US">Firefox</span>或是<span lang="EN-US"> Opera</span>的推崇者们，我需要花费多一倍的时间来研究这些，我开始思考当浏览器不断成长，不断更新，我们的<span lang="EN-US">CSS hack</span>是不是要没完没了的写下去，并且越写越多？<span lang="EN-US">IE7</span>已经出来了，虽然只是<span lang="EN-US">BETA</span>版不过已经开始有人研?span lang="EN-US">IE7</span>?span lang="EN-US">CSS hack</span>怎么写?span lang="EN-US"><o:p></o:p></span></span></p><p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt"><span lang="EN-US" style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: 宋体; mso-bidi-font-family: Tahoma"><o:p> </o:p></span></p><p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt"><span style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: 宋体; mso-bidi-font-family: Tahoma"> 当这个世界的浏览器都开始免费的时候我们的思路是不是应该变变了，现在的浏览器都有在线升级的功能，也就是说只要他的机器连着网他的浏览器就可能使终保持最新。当这个时代建立在互联网之上时，电脑不上网的可能性也会不断的减少。所以我们是不是有必要重新思考一下自己的工作？我们是不是还需要老老实实的去写自己?span lang="EN-US">CSS hack</span>而让自己的网站在大部分浏览器下都保持一致呢?span lang="EN-US"><o:p></o:p></span></span></p><p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt"><span lang="EN-US" style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: 宋体; mso-bidi-font-family: Tahoma"><o:p> </o:p></span></p><p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt"><span style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: 宋体; mso-bidi-font-family: Tahoma"> 在我看来我们应与时俱进的发挥自己的专业影响力，推动社会进步与技术发展。一昧得满足应对低级浏览器也就是让更多的人安于不安全、技术落后的浏览器，并且对于我们一些新技术、新效果、新安全标准都会产生限制与局限。要让民众明白，选择升级新型浏览器可以得到更为精彩的用户体验，并且可以完美浏览更多网站而不会出现错误?span lang="EN-US"><o:p></o:p></span></span></p><p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt"><span lang="EN-US" style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: 宋体; mso-bidi-font-family: Tahoma"><o:p> </o:p></span></p><p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt"><span style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: 宋体; mso-bidi-font-family: Tahoma"> 所以我们使?span lang="EN-US">CSS hack</span>应需要有引导民众更新升级浏览器的作用与功能。再说了现在的浏览器升级也是不花钱的，并且都有自动升级的功能。所以我觉得不断的放弃旧版浏览器是有必要的，当然<span lang="EN-US">CSS hack</span>的功能不光可以用来兼容浏览器还可以帮且我们引导客户的软件升级。比如我们在<span lang="EN-US">IE5.X</span>的浏览器显示软件版本太低，安全性较差，请升级后畅快浏览本站。至于你要推荐哪个浏览器那就自己作主了?span lang="EN-US"><o:p></o:p></span></span></p><p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt"><span lang="EN-US" style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: 宋体; mso-bidi-font-family: Tahoma"><o:p> </o:p></span></p><p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt"><span style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: 宋体; mso-bidi-font-family: Tahoma"> 并且我认?span lang="EN-US">CSS hack</span>不光可作为兼容性解决方案，也可以作为我们另一种工作的工具。比如我们针对不同的浏览器设定属于其不同的皮肤样式。所以作?span lang="EN-US">CSS hack</span>也不应只是用来做单调的工作，还要以发挥想象力让我们的网站成为“百变女郎”?span lang="EN-US"><o:p></o:p></span></span></p><p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt"><span lang="EN-US" style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: 宋体; mso-bidi-font-family: Tahoma"><o:p> </o:p></span></p><p class="MsoNormal" style="MARGIN: 0cm 0cm 0pt"><span style="FONT-SIZE: 10pt; COLOR: black; FONT-FAMILY: 宋体; mso-bidi-font-family: Tahoma"> 不断淘汰旧浏览器是趋势也是必然，加之浏览器的更新是没有费用产生的，并且可以给民众们带来更多的用户体验。我们何不在这个潮流的背后推上一把，加速技术的革新？当然满足客户需求是第一位的，但是我们可以从自己的网站做起。一直淘汰旧浏览器，丰富不同浏览器的接收内容?span lang="EN-US"><o:p></o:p></span></span></p></div>
<h5 class="article-tags">Tags: </h5>
<h6 class="article-footer">
分类:网站建设 | 评论:0 | 引用:0 | 浏览:<span id="spn52"></span>
<script language="JavaScript" type="text/javascript">strBatchCount+="spn52=52,"</script>
</h6>
</div>
<ul id="GetTrackback">
<li><a href="http://www.webthink.com.cn/blog/cmd.asp?act=gettburl&id=52" target="_blank">点击这里获取该日志的TrackBack引用地址</a></li>
</ul>
<div id="MutualityArticle">
<ul>
<li class="tbname">相关文章:</li>
<li class="msgarticle"></li>
</ul>
</div>
<div id="MsgList">
<div style="display:none;" id="divAjaxComment"></div>
</div>
<div class="article" id="divCommentPost">
<p class="posttop"><a name="comment">发表评论:</a></p>
<form id="frmSumbit" target="_self" method="post" action="http://www.webthink.com.cn/blog/cmd.asp?act=cmt&key=cd0110ed" >
<input type="hidden" name="inpId" id="inpId" value="52" />
<input type="hidden" name="inpArticle" id="inpArticle" value="" />
<input type="hidden" name="inpLocation" id="inpLocation" value="" />
<p><input type="text" name="inpName" id="inpName" class="text" value="" size="25" tabindex="1" /> <label for="inpName">名称(*)</label></p>
<p><input type="text" name="inpEmail" id="inpEmail" class="text" value="" size="25" tabindex="2" /> <label for="inpEmail">邮箱</label></p>
<p><input type="text" name="inpHomePage" id="inpHomePage" class="text" value="" size="25" tabindex="3" /> <label for="inpHomePage">网站链接</label></p>
<p><input type="text" name="inpVerify" id="inpVerify" class="verifytext" value="" size="28" tabindex="4" /> <label for="inpVerify"> <img style="border:1px solid black;cursor:pointer;" align="absbottom" src="http://www.webthink.com.cn/blog/function/c_validcode.asp?name=commentvalid" onclick="this.src = str00+ 'function/c_validcode.asp?' + Math.random();" height="20" width="60" alt="" title=""/> 验证(*)</label></p>
<p><label for="txaArticle">正文(*)(留言最长字?1000)</label></p>
<p><textarea name="txaArticle" id="txaArticle" onchange="GetActiveText(this.id);" onclick="GetActiveText(this.id);" onfocus="GetActiveText(this.id);" class="text" cols="28" rows="8" tabindex="5" ></textarea></p>
<p><input name="btnSumbit" type="submit" tabindex="6" value="提交" onclick="JavaScript:return VerifyMessage()" class="button" /></p>
<p><input type="checkbox" name="chkRemember" value="1" id="chkRemember" /><label for="chkRemember">记住?下次回复时不用重新输入个人信?/label></p>
<script language="JavaScript" type="text/javascript">objActive="txaArticle";ExportUbbFrame();</script>
</form>
<p class="postbottom">◎欢迎参与讨论，请在这里发表您的看法、交流您的观点?/p>
<script language="JavaScript" type="text/javascript">LoadRememberInfo();</script>
</div>
<div class="articleclear">article.clear</div>
</div>
</div>
<div id="ContentPanelLeft">
<div id="InnerContentPanelLeft">
<div class="PanelElement" id="divCalendar">
<h3>日历</h3>
<div id="divCalendar2"><script language="JavaScript" type="text/javascript">strBatchInculde+="divCalendar2=calendar,"</script></div>
</div>
<div class="PanelElement" id="divSearchPanel">
<h3>Search</h3>
<ul>
<li>
<form method="post" action="http://www.webthink.com.cn/blog/cmd.asp?act=Search">
<input type="text" name="edtSearch" id="edtSearch" size="20" class="text" />
<input type="submit" value="Search" name="btnPost" id="btnPost" class="button" />
</form>
</li>
</ul>
</div>
<div class="PanelElement" id="divCatalog">
<h3>网站目录</h3>
<ul>
<li><span class="feed-icon"><a href="http://www.webthink.com.cn/blog/sydication.asp?cate=4" target="_blank"><img title="rss" width="20" height="12" src="http://www.webthink.com.cn/blog/IMAGE/LOGO/rss.png" border="0" alt="rss" /></a> </span><a href="http://www.webthink.com.cn/blog/catalog.asp?cate=4">网站建设<span class="article-nums"> (30)</span></a></li><li><span class="feed-icon"><a href="http://www.webthink.com.cn/blog/sydication.asp?cate=5" target="_blank"><img title="rss" width="20" height="12" src="http://www.webthink.com.cn/blog/IMAGE/LOGO/rss.png" border="0" alt="rss" /></a> </span><a href="http://www.webthink.com.cn/blog/catalog.asp?cate=5">网络加?span class="article-nums"> (5)</span></a></li><li><span class="feed-icon"><a href="http://www.webthink.com.cn/blog/sydication.asp?cate=6" target="_blank"><img title="rss" width="20" height="12" src="http://www.webthink.com.cn/blog/IMAGE/LOGO/rss.png" border="0" alt="rss" /></a> </span><a href="http://www.webthink.com.cn/blog/catalog.asp?cate=6">网络运营<span class="article-nums"> (32)</span></a></li><li><span class="feed-icon"><a href="http://www.webthink.com.cn/blog/sydication.asp?cate=7" target="_blank"><img title="rss" width="20" height="12" src="http://www.webthink.com.cn/blog/IMAGE/LOGO/rss.png" border="0" alt="rss" /></a> </span><a href="http://www.webthink.com.cn/blog/catalog.asp?cate=7">网思生?span class="article-nums"> (20)</span></a></li>
</ul>
</div>
<div class="PanelElement" id="divArchives">
<h3>文章归档</h3>
<ul>
<li><a href="http://www.webthink.com.cn/blog/catalog.asp?date=2009-8">2009 August<span class="article-nums"> (1)</span></a></li><li><a href="http://www.webthink.com.cn/blog/catalog.asp?date=2007-9">2007 September<span class="article-nums"> (21)</span></a></li><li><a href="http://www.webthink.com.cn/blog/catalog.asp?date=2007-8">2007 August<span class="article-nums"> (26)</span></a></li><li><a href="http://www.webthink.com.cn/blog/catalog.asp?date=2007-7">2007 July<span class="article-nums"> (39)</span></a></li>
</ul>
</div>
<div class="PanelElement" id="divFavorites">
<h3>网站收藏</h3>
<ul id="ulFavorites">
<script language="JavaScript" type="text/javascript">strBatchInculde+="ulFavorites=favorite,"</script>
</ul>
</div>
<div class="PanelElement" id="divLinkage">
<h3>友情链接</h3>
<ul id="ulLinkage">
<script language="JavaScript" type="text/javascript">strBatchInculde+="ulLinkage=link,"</script>
</ul>
</div>
<div class="PanelElement" id="divMisc">
<h3>图标汇集</h3>
<ul id="ulMisc">
<script language="JavaScript" type="text/javascript">strBatchInculde+="ulMisc=misc,"</script>
</ul>
</div>
</div>
</div>
<div id="ContentPanelRight">
<div id="InnerContentPanelRight">
<div class="PanelElement" id="divPrevious">
<h3>最近发?/h3>
<ul id="ulPrevious">
<script language="JavaScript" type="text/javascript">strBatchInculde+="ulPrevious=previous,"</script>
</ul>
</div>
<div class="PanelElement" id="divComments">
<h3>最新评论及回复</h3>
<ul id="ulComments">
<script language="JavaScript" type="text/javascript">strBatchInculde+="ulComments=comments,"</script>
</ul>
</div>
<div class="PanelElement" id="divGuestComments">
<h3>最近留言</h3>
<ul id="ulGuestComments">
<script language="JavaScript" type="text/javascript">strBatchInculde+="ulGuestComments=GuestComments,"</script>
</ul>
</div>
<div class="PanelElement" id="divTrackbacks">
<h3>最近引?/h3>
<ul id="ulTrackbacks">
<script language="JavaScript" type="text/javascript">strBatchInculde+="ulTrackbacks=Trackbacks,"</script>
</ul>
</div>
</div>
</div>
<div class="panelclear">panel.clear</div>
</div>
</div>
<div id="Footer">
<div id="InnerFooter">
<h3 id="BlogPowerBy">Powered By <a href="http://www.rainbowsoft.org/zblog/" title="RainbowSoft Studio Z-Blog">Z-Blog 1.7 Laputa Build 70216</a></h3>
<h3 id="BlogThemeBy">Theme: Internatinal(beta), Template By <a href="http://haphic.com/blog/" title="haric shine">haphic</a>, Designed by <a href="http://playmyself.com/" title="SkyLanD">SkyLanD</a> & <a href="http://haphic.com/blog/" title="haric shine">haphic</a></h3>
<h2 id="BlogCopyRight">京ICP?[07017583] ?版权所?网博思创网络技?北京)有限公司 | Mail To webmaster@webthink.com.cn<!--这里加入统计代码--></h2>
</div>
</div>
</div>
</div>
</div>
<script language="JavaScript" type="text/javascript">
try{
var elScript = document.createElement("script");
elScript.setAttribute("language", "JavaScript");
elScript.setAttribute("src", "http://www.webthink.com.cn/blog/function/c_html_js.asp?act=batch"+unescape("%26")+"view=" + escape(strBatchView)+unescape("%26")+"inculde=" + escape(strBatchInculde)+unescape("%26")+"count=" + escape(strBatchCount));
document.getElementsByTagName("body")[0].appendChild(elScript);
}
catch(e){};
</script>
</body>
</html>
<!-- 2009-11-28 12:39:54 -->