<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>任鸟飞网站设计博客 - 关注网站网页设计、网站博客推广优化及赚钱 &#187; IE6</title>
	<atom:link href="http://renniaofei.com/tag/ie6/feed/" rel="self" type="application/rss+xml" />
	<link>http://renniaofei.com</link>
	<description>任鸟飞网站设计博客是一个关注网页设计、网站建设、前端开发、美工设计、推广优化、网站博客赚钱、互联网趣味信息及搜素引擎等的原创设计类博客。海阔凭鱼跃，天高任鸟飞！</description>
	<lastBuildDate>Thu, 09 Feb 2012 12:49:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Twenty Ten 主题页眉图像在IE9中错位修正方法</title>
		<link>http://renniaofei.com/code/twenty-ten-wordpress-theme-header-image-bug-in-ie9/</link>
		<comments>http://renniaofei.com/code/twenty-ten-wordpress-theme-header-image-bug-in-ie9/#comments</comments>
		<pubDate>Sat, 04 Dec 2010 07:17:23 +0000</pubDate>
		<dc:creator>任鸟飞</dc:creator>
				<category><![CDATA[编码]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[wordpress 主题]]></category>
		<category><![CDATA[网页布局]]></category>

		<guid isPermaLink="false">http://www.renniaofei.com/?p=2056</guid>
		<description><![CDATA[<a href="http://cad2d3d.com/wp-content/uploads/http://renniaofei.com/code/twenty-ten-wordpress-theme-header-image-bug-in-ie9/" title="Twenty Ten 主题页眉图像在IE9中错位修正方法"  class="smallthumb"><img src="http://www.awebgallery.com/wp-content/uploads/http://www.renniaofei.com/wp-content/uploads/2010/12/internet-explorer-9.jpg" alt="Twenty Ten 主题页眉图像在IE9中错位修正方法" /></a>平时一般不用WordPress默认主题Twenty Ten，平时一般也使用IE9浏览器，可是总有例外的时候啊，今天偶然发现Twenty Ten主题在IE9中的一个小BUG—— 页眉图像位置错位。 在IE9浏览器中打开Twenty Ten 主题博客时，页眉图像错位，示例如下 正常的页面应该如下所示才对： 页眉图像位置修正的2种方法 方法1. 修改 style.css 样式表。增加如下代码： #branding, #branding img{ float:left} 方法2. 修改header.php文件。在header.php中找到下面的代码： &#60;div id="site-description"&#62;&#60;?php bloginfo( 'description' ); ?&#62;&#60;/div&#62; 在其后面增加下面代码： &#60;div style="clear:both"&#62;&#60;/div&#62; 推荐使用方法1，毕竟是关于页面样式的，修改CSS文件，更直观一点。<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="针对IE6巧妙利用 _  *  !important" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21162196.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">针对IE6巧妙利用 _  *  !important</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="任鸟飞首款免费WordPress主题 — HTML和CSS源文件" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fdesign%2Frenniaofei-mianfei-wordpress-zhuti-html-css%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21159356.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">任鸟飞首款免费WordPress主题 — HTML和CSS源文件</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="任鸟飞首款免费WordPress主题 — 网页美工" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fdesign%2Frenniaofei-mianfei-wordpress-zhuti-wangyemeigong%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21160400.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">任鸟飞首款免费WordPress主题 — 网页美工</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="如何利用CSS来自动调整布局元素的宽度" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fdesign%2Fuse-css-adjust-layout-width%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/29/21176804.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">如何利用CSS来自动调整布局元素的宽度</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS Position页面布局属性详解" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fcode%2Fcss-float-yemianbuju-shuxing-xiangjie-2%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21176822.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS Position页面布局属性详解</font>
                    </a>
                </td>
        </tr>
        <br/>
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">来自无觅网络的相关文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="WordPress新版本不再支持IE6" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.internet2share.com%2F2011%2F05%2F21%2Fwordpress%25E6%2596%25B0%25E7%2589%2588%25E6%259C%25AC%25E4%25B8%258D%25E5%2586%258D%25E6%2594%25AF%25E6%258C%2581ie6%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/09/20/32283273.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress新版本不再支持IE6 (@internet2share)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="margin-bottom在IE6和IE7下失效的解决办法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.tcreator.info%2FwebSchool%2Fxhtml-css%2Fmargin-bottom-failure-in-ie6-and-ie7-under.html&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/02/04/14739151.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">margin-bottom在IE6和IE7下失效的解决办法 (@tcreator)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="[WordPress主题]Proyecto-适合商业及图片类" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.citydog.me%2F2462.html&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/02/01/14635502.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[WordPress主题]Proyecto-适合商业及图片类 (@citydog)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="25个杂志主题的网页设计" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsudasuta.com%2F868.html&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/07/27/19213576.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">25个杂志主题的网页设计 (@sudasuta)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="分享11个提供精品wordpress主题下载的网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.shejidaren.com%2F%25E5%2588%2586%25E4%25BA%25AB11%25E4%25B8%25AA%25E6%258F%2590%25E4%25BE%259B%25E7%25B2%25BE%25E5%2593%2581wordpress%25E4%25B8%25BB%25E9%25A2%2598%25E4%25B8%258B%25E8%25BD%25BD%25E7%259A%2584%25E7%25BD%2591%25E7%25AB%2599.html&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/02/20539341.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">分享11个提供精品wordpress主题下载的网站 (@shejidaren)</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<a href="http://cad2d3d.com/wp-content/uploads/http://renniaofei.com/code/twenty-ten-wordpress-theme-header-image-bug-in-ie9/" title="Twenty Ten 主题页眉图像在IE9中错位修正方法"  class="smallthumb"><img src="http://www.awebgallery.com/wp-content/uploads/http://www.renniaofei.com/wp-content/uploads/2010/12/internet-explorer-9.jpg" alt="Twenty Ten 主题页眉图像在IE9中错位修正方法" /></a><p>平时一般不用<a href="http://www.renniaofei.com/tag/wordpress-tutorials/">WordPress默认主题</a>Twenty Ten，平时一般也使用<a href="http://www.renniaofei.com/tag/ie6/">IE</a>9浏览器，可是总有例外的时候啊，今天偶然发现Twenty Ten主题在IE9中的一个小BUG—— 页眉图像位置错位。<span id="more-2056"></span></p>
<p>在IE9浏览器中打开Twenty Ten 主题博客时，页眉图像错位，示例如下<br />
<a href="http://www.renniaofei.com"><img class="aligncenter size-full wp-image-2058" title="Twenty Ten 主题页眉图像在IE中错位修正方法" src="http://www.renniaofei.com/wp-content/uploads/2010/12/twenty-ten-wordpress-theme-header-image-bug-in-ie.gif" alt="Twenty Ten 主题页眉图像在IE中错位修正方法" width="540" height="241" /></a></p>
<p>正常的页面应该如下所示才对：<br />
<a href="http://www.renniaofei.com"><img class="aligncenter size-full wp-image-2059" title="Twenty Ten 主题页眉图像在IE中错位修正方法" src="http://www.renniaofei.com/wp-content/uploads/2010/12/twenty-ten-wordpress-theme-header-image-bug-in-ie-2.jpg" alt="Twenty Ten 主题页眉图像在IE中错位修正方法" width="540" height="241" /></a></p>
<h4>页眉图像位置修正的2种方法</h4>
<p>方法1. 修改 style.css 样式表。增加如下代码：</p>
<pre><code>#branding, #branding img{ float:left}</code></pre>
<p>方法2. 修改header.php文件。在header.php中找到下面的代码：</p>
<pre><code>&lt;div id="site-description"&gt;&lt;?php bloginfo( 'description' ); ?&gt;&lt;/div&gt;</code></pre>
<p>在其后面增加下面代码：</p>
<pre><code>&lt;div style="clear:both"&gt;&lt;/div&gt;</code></pre>
<p>推荐使用方法1，毕竟是关于<a href="http://www.renniaofei.com/wp-admin/post.php?post=2056&amp;action=edit#">页面样式</a>的，修改CSS文件，更直观一点。</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="针对IE6巧妙利用 _  *  !important" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21162196.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">针对IE6巧妙利用 _  *  !important</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="任鸟飞首款免费WordPress主题 — HTML和CSS源文件" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fdesign%2Frenniaofei-mianfei-wordpress-zhuti-html-css%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21159356.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">任鸟飞首款免费WordPress主题 — HTML和CSS源文件</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="任鸟飞首款免费WordPress主题 — 网页美工" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fdesign%2Frenniaofei-mianfei-wordpress-zhuti-wangyemeigong%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21160400.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">任鸟飞首款免费WordPress主题 — 网页美工</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="如何利用CSS来自动调整布局元素的宽度" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fdesign%2Fuse-css-adjust-layout-width%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/29/21176804.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">如何利用CSS来自动调整布局元素的宽度</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS Position页面布局属性详解" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fcode%2Fcss-float-yemianbuju-shuxing-xiangjie-2%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21176822.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS Position页面布局属性详解</font>
                    </a>
                </td>
        </tr>
        <br/>
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">来自无觅网络的相关文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="WordPress新版本不再支持IE6" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.internet2share.com%2F2011%2F05%2F21%2Fwordpress%25E6%2596%25B0%25E7%2589%2588%25E6%259C%25AC%25E4%25B8%258D%25E5%2586%258D%25E6%2594%25AF%25E6%258C%2581ie6%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/09/20/32283273.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress新版本不再支持IE6 (@internet2share)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="margin-bottom在IE6和IE7下失效的解决办法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.tcreator.info%2FwebSchool%2Fxhtml-css%2Fmargin-bottom-failure-in-ie6-and-ie7-under.html&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/02/04/14739151.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">margin-bottom在IE6和IE7下失效的解决办法 (@tcreator)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="[WordPress主题]Proyecto-适合商业及图片类" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.citydog.me%2F2462.html&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/02/01/14635502.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[WordPress主题]Proyecto-适合商业及图片类 (@citydog)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="25个杂志主题的网页设计" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fsudasuta.com%2F868.html&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/07/27/19213576.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">25个杂志主题的网页设计 (@sudasuta)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="分享11个提供精品wordpress主题下载的网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.shejidaren.com%2F%25E5%2588%2586%25E4%25BA%25AB11%25E4%25B8%25AA%25E6%258F%2590%25E4%25BE%259B%25E7%25B2%25BE%25E5%2593%2581wordpress%25E4%25B8%25BB%25E9%25A2%2598%25E4%25B8%258B%25E8%25BD%25BD%25E7%259A%2584%25E7%25BD%2591%25E7%25AB%2599.html&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/02/20539341.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">分享11个提供精品wordpress主题下载的网站 (@shejidaren)</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://renniaofei.com/code/twenty-ten-wordpress-theme-header-image-bug-in-ie9/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>渐行渐远的 VBScript</title>
		<link>http://renniaofei.com/internet/jianxingjianyuan-vbscript/</link>
		<comments>http://renniaofei.com/internet/jianxingjianyuan-vbscript/#comments</comments>
		<pubDate>Sat, 24 Jul 2010 06:35:49 +0000</pubDate>
		<dc:creator>任鸟飞</dc:creator>
				<category><![CDATA[网络]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[任鸟飞]]></category>

		<guid isPermaLink="false">http://www.renniaofei.com/?p=1469</guid>
		<description><![CDATA[<a href="http://cad2d3d.com/wp-content/uploads/http://renniaofei.com/internet/jianxingjianyuan-vbscript/" title="渐行渐远的 VBScript"  class="smallthumb"><img src="http://www.awebgallery.com/wp-content/uploads/http://www.renniaofei.com/wp-content/uploads/2010/07/jianxingjianyuan-vbscript-thumbnail.gif" alt="渐行渐远的 VBScript" /></a>曾几何时，在客户端的DHTML应用方面，VBScript和Javascript分庭抗礼，而如今，VBScript已经日薄西山，渐行渐远! VBScript 是 Visual Basic Scrip t的简称，有时也被缩写为 VBS。VBScript 是微软开发的一种脚本语言，可以看作是VB语言的简化版，可以应用于客户端和服务器端。 在网页服务器方面VBS是微软的 ASP 的一部分，虽然 ASP.NET已经出来很长一段时间，但国内的ASP还是占有一席之地，但随着时间的推移 ASP 会被慢慢的淘汰掉。 在服务器端 VBScript 凭借 ASP 还能勉强立足，但在客户端应用方面已经岌岌可危。刚开始我是先学ASP的，后来因为某些原因，开始学 PHP，现在我基本上不再使用 VBScript 及 ASP。如果你也在学网页编程，推荐你学习Javascript 和 PHP。 现在很少有网站使用 VBScript，几乎清一色的 Javascript，我们不禁要问 VBScript 渐行渐远的原因是什么呢？下面稍微总结了一些。 1. 浏览器对 VBScript 的支持情况 只有IE浏览器支持 VBScript ，而 Javascript 则受到所有浏览器的支持 2. 推广程度 Javascript 得到众多编程者的支持，而且由此衍生出大量的 Javascript 库，例如 Jquery、MooTools 等。 3. 势力对比 IE浏览器份额逐年降低，而且IE对新兴技术及标准支持力度不够；与此同时，Chrome、Opera 等浏览器异军突起。并且微软在互联网应用方面屡战屡败，以微软为后盾的编程语言自然也会受到冲击。 虽然对 VBScript 的消逝有点感伤，但适者生存的丛林法则也同样适用于互联网，优胜劣汰之后，互联网明天会更美好！<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="任鸟飞首款免费WordPress主题 — 开发概述" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fdesign%2Frenniaofei-mianfei-wordpress-zhuti-kaifa%2F&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/09/16/4746500.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">任鸟飞首款免费WordPress主题 — 开发概述</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="任鸟飞网站设计博客主题调整" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Finternet%2Frenniaofei-com-zhuti-tiaozheng%2F&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/09/06/28626066.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">任鸟飞网站设计博客主题调整</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="任鸟飞网页设计网站正式开通" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fdesign%2Frenniaofei-wangyesheji-wangzhan-zhengshi-kaitong%2F&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/29/21161687.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">任鸟飞网页设计网站正式开通</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="针对IE6巧妙利用 _  *  !important" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21162196.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">针对IE6巧妙利用 _  *  !important</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="欢迎 [飞鱼的声纳] 加入任鸟飞网页设计博客联盟" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fdesign%2Fhuanying-feiyudeshengna-jiaru-renniaofei-wangyeshejibokelianmeng%2F&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21157308.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">欢迎 [飞鱼的声纳] 加入任鸟飞网页设计博客联盟</font>
                    </a>
                </td>
        </tr>
        <br/>
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">来自无觅网络的相关文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="margin-bottom在IE6和IE7下失效的解决办法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.tcreator.info%2FwebSchool%2Fxhtml-css%2Fmargin-bottom-failure-in-ie6-and-ie7-under.html&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/02/04/14739151.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">margin-bottom在IE6和IE7下失效的解决办法 (@tcreator)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress新版本不再支持IE6" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.internet2share.com%2F2011%2F05%2F21%2Fwordpress%25E6%2596%25B0%25E7%2589%2588%25E6%259C%25AC%25E4%25B8%258D%25E5%2586%258D%25E6%2594%25AF%25E6%258C%2581ie6%2F&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/09/20/32283273.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress新版本不再支持IE6 (@internet2share)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="让IE6具备IE7和IE8的特性(IE6也玩web标准)" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.tcreator.info%2FwebSchool%2Fxhtml-css%2Fie6ie7ie8.html&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/11/24/11422427.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">让IE6具备IE7和IE8的特性(IE6也玩web标准) (@tcreator)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="[译]IE6终极备忘：修复IE6下 25+ Bugs" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.tcreator.info%2FwebSchool%2Fxhtml-css%2FIE6-bugs.html&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/12/07/12022399.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[译]IE6终极备忘：修复IE6下 25+ Bugs (@tcreator)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="微软启动ie6countdown（IE6倒计时）网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.tcreator.info%2FwebSchool%2FitTopics%2Fie6countdown-web-upgrade.html&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/11/25/11446221.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">微软启动ie6countdown（IE6倒计时）网站 (@tcreator)</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<a href="http://cad2d3d.com/wp-content/uploads/http://renniaofei.com/internet/jianxingjianyuan-vbscript/" title="渐行渐远的 VBScript"  class="smallthumb"><img src="http://www.awebgallery.com/wp-content/uploads/http://www.renniaofei.com/wp-content/uploads/2010/07/jianxingjianyuan-vbscript-thumbnail.gif" alt="渐行渐远的 VBScript" /></a><p>曾几何时，在客户端的DHTML应用方面，VBScript和Javascript分庭抗礼，而如今，VBScript已经日薄西山，渐行渐远!<span id="more-1469"></span></p>
<p>VBScript 是 Visual Basic Scrip t的简称，有时也被缩写为 VBS。VBScript 是微软开发的一种脚本语言，可以看作是VB语言的简化版，可以应用于客户端和服务器端。</p>
<p>在网页服务器方面VBS是微软的 ASP 的一部分，虽然 ASP.NET已经出来很长一段时间，但国内的ASP还是占有一席之地，但随着时间的推移 ASP 会被慢慢的淘汰掉。</p>
<p>在<a href="http://www.renniaofei.com/tag/virtual-hosting/">服务器</a>端 VBScript 凭借 ASP 还能勉强立足，但在客户端应用方面已经岌岌可危。刚开始我是先学ASP的，后来因为某些原因，开始学 PHP，现在我基本上不再使用 VBScript 及 ASP。如果你也在学网页编程，推荐你学习<a href="http://www.renniaofei.com/category/code/">Javascrip</a>t 和 <a href="http://www.renniaofei.com/tag/php/">PHP</a>。</p>
<p>现在很少有网站使用 VBScript，几乎清一色的 <a href="http://www.renniaofei.com/tag/javascript/">Javascript</a>，我们不禁要问 VBScript 渐行渐远的原因是什么呢？下面稍微总结了一些。</p>
<h4>1. 浏览器对 VBScript 的支持情况</h4>
<p>只有IE浏览器支持 VBScript ，而 Javascript 则受到所有浏览器的支持</p>
<h4>2. 推广程度</h4>
<p>Javascript 得到众多编程者的支持，而且由此衍生出大量的 Javascript 库，例如 Jquery、MooTools 等。</p>
<h4>3. 势力对比</h4>
<p>IE浏览器份额逐年降低，而且IE对新兴技术及标准支持力度不够；与此同时，<a href="http://www.renniaofei.com/tag/google/">Chrome</a>、Opera 等浏览器异军突起。并且微软在互联网应用方面屡战屡败，以微软为后盾的编程语言自然也会受到冲击。</p>
<p>虽然对 VBScript 的消逝有点感伤，但适者生存的丛林法则也同样适用于互联网，优胜劣汰之后，互联网明天会更美好！</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="任鸟飞首款免费WordPress主题 — 开发概述" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fdesign%2Frenniaofei-mianfei-wordpress-zhuti-kaifa%2F&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/09/16/4746500.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">任鸟飞首款免费WordPress主题 — 开发概述</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="任鸟飞网站设计博客主题调整" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Finternet%2Frenniaofei-com-zhuti-tiaozheng%2F&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/09/06/28626066.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">任鸟飞网站设计博客主题调整</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="任鸟飞网页设计网站正式开通" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fdesign%2Frenniaofei-wangyesheji-wangzhan-zhengshi-kaitong%2F&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/29/21161687.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">任鸟飞网页设计网站正式开通</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="针对IE6巧妙利用 _  *  !important" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21162196.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">针对IE6巧妙利用 _  *  !important</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="欢迎 [飞鱼的声纳] 加入任鸟飞网页设计博客联盟" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fdesign%2Fhuanying-feiyudeshengna-jiaru-renniaofei-wangyeshejibokelianmeng%2F&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21157308.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">欢迎 [飞鱼的声纳] 加入任鸟飞网页设计博客联盟</font>
                    </a>
                </td>
        </tr>
        <br/>
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">来自无觅网络的相关文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="margin-bottom在IE6和IE7下失效的解决办法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.tcreator.info%2FwebSchool%2Fxhtml-css%2Fmargin-bottom-failure-in-ie6-and-ie7-under.html&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/02/04/14739151.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">margin-bottom在IE6和IE7下失效的解决办法 (@tcreator)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress新版本不再支持IE6" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.internet2share.com%2F2011%2F05%2F21%2Fwordpress%25E6%2596%25B0%25E7%2589%2588%25E6%259C%25AC%25E4%25B8%258D%25E5%2586%258D%25E6%2594%25AF%25E6%258C%2581ie6%2F&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/09/20/32283273.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress新版本不再支持IE6 (@internet2share)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="让IE6具备IE7和IE8的特性(IE6也玩web标准)" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.tcreator.info%2FwebSchool%2Fxhtml-css%2Fie6ie7ie8.html&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/11/24/11422427.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">让IE6具备IE7和IE8的特性(IE6也玩web标准) (@tcreator)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="[译]IE6终极备忘：修复IE6下 25+ Bugs" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.tcreator.info%2FwebSchool%2Fxhtml-css%2FIE6-bugs.html&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/12/07/12022399.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">[译]IE6终极备忘：修复IE6下 25+ Bugs (@tcreator)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="微软启动ie6countdown（IE6倒计时）网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.tcreator.info%2FwebSchool%2FitTopics%2Fie6countdown-web-upgrade.html&from=http%3A%2F%2Frenniaofei.com%2Finternet%2Fjianxingjianyuan-vbscript%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/11/25/11446221.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">微软启动ie6countdown（IE6倒计时）网站 (@tcreator)</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://renniaofei.com/internet/jianxingjianyuan-vbscript/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>针对IE6巧妙利用 _  *  !important</title>
		<link>http://renniaofei.com/code/ie6-bug-hack-css/</link>
		<comments>http://renniaofei.com/code/ie6-bug-hack-css/#comments</comments>
		<pubDate>Wed, 21 Apr 2010 07:01:50 +0000</pubDate>
		<dc:creator>任鸟飞</dc:creator>
				<category><![CDATA[编码]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[技巧]]></category>
		<category><![CDATA[网页布局]]></category>

		<guid isPermaLink="false">http://www.renniaofei.com/?p=888</guid>
		<description><![CDATA[<a href="http://cad2d3d.com/wp-content/uploads/http://renniaofei.com/code/ie6-bug-hack-css/" title="针对IE6巧妙利用 _  *  !important"  class="smallthumb"><img src="http://www.awebgallery.com/wp-content/uploads/http://www.renniaofei.com/wp-content/uploads/2010/04/ie6-bug-hack.jpg" alt="针对IE6巧妙利用 _  *  !important" /></a>IE6因众多BUG而广受诟病，其对CSS和HTML代码的解析“独树一帜”。IE6本应该寿终正寝，但由于Windows XP依然占据主流，绝大多数用户都会用到Windows XP绑定的IE6，因此在编写CSS代码时要考虑到对IE6的兼容性。 先看一下主流浏览器对 _  *  !important 的支持情况 IE6 IE7 IE8 Firefox Chrome _ √ × × × × * √ √ × × × !important × √ √ √ √ 我们可以利用上面的差异，单独针对IE6编写相应的CSS代码。 符号功能解释： _（下划线）：只有只有IE6支持 *（星号）：只有IE6和IE7支持 !important：此行定义的属性值不会被后续定义覆盖，拥有最高优先级，IE7以上版本都会支持此属性。 知道_ * !important这三个符号的意义后，就可以编写单独针对IE6的CSS样式代码。 注：在CSS定义中，如果对某一属性有重复定义，则后面定义的属性值会覆盖前面的定义。 实例一 在IE6中使用GIF代替PNG #logo { background-image: url(logo.png); /*除IE6和IE7之外，其他浏览器都会使用PNG格式*/ background-repeat: no-repeat; height: 80px; width: 290px; text-indent: -9999px; [...]<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="Twenty Ten 主题页眉图像在IE9中错位修正方法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21157484.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Twenty Ten 主题页眉图像在IE9中错位修正方法</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS Position页面布局属性详解" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fcode%2Fcss-float-yemianbuju-shuxing-xiangjie-2%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21176822.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS Position页面布局属性详解</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS3新增特性Multiple backgrounds（多层背景）使用方法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fcode%2Fcss3-multiple-backgrounds%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21166038.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS3新增特性Multiple backgrounds（多层背景）使用方法</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="常被遗忘但非常有用的10个CSS属性" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fcode%2F10-simple-but-useful-css-properties%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21173098.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">常被遗忘但非常有用的10个CSS属性</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS display页面布局属性详解" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fcode%2Fcss-display-yemianbuju-shuxing-xiangjie%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21176840.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS display页面布局属性详解</font>
                    </a>
                </td>
        </tr>
        <br/>
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">来自无觅网络的相关文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="margin-bottom在IE6和IE7下失效的解决办法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.tcreator.info%2FwebSchool%2Fxhtml-css%2Fmargin-bottom-failure-in-ie6-and-ie7-under.html&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/02/04/14739151.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">margin-bottom在IE6和IE7下失效的解决办法 (@tcreator)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="让IE6具备IE7和IE8的特性(IE6也玩web标准)" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.tcreator.info%2FwebSchool%2Fxhtml-css%2Fie6ie7ie8.html&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/11/24/11422427.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">让IE6具备IE7和IE8的特性(IE6也玩web标准) (@tcreator)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="IE6、IE7下hack的方法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.tcreator.info%2FwebSchool%2Fxhtml-css%2Fie6_and_ie7_hack.html&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/01/18/14103859.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">IE6、IE7下hack的方法 (@tcreator)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress新版本不再支持IE6" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.internet2share.com%2F2011%2F05%2F21%2Fwordpress%25E6%2596%25B0%25E7%2589%2588%25E6%259C%25AC%25E4%25B8%258D%25E5%2586%258D%25E6%2594%25AF%25E6%258C%2581ie6%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/09/20/32283273.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress新版本不再支持IE6 (@internet2share)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="3种修复IE6 PNG图片透明度问题的方法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.tcreator.info%2FwebSchool%2Fxhtml-css%2Fpng-transparency-in-ie6.html&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/12/21/12798514.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">3种修复IE6 PNG图片透明度问题的方法 (@tcreator)</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<a href="http://cad2d3d.com/wp-content/uploads/http://renniaofei.com/code/ie6-bug-hack-css/" title="针对IE6巧妙利用 _  *  !important"  class="smallthumb"><img src="http://www.awebgallery.com/wp-content/uploads/http://www.renniaofei.com/wp-content/uploads/2010/04/ie6-bug-hack.jpg" alt="针对IE6巧妙利用 _  *  !important" /></a><p>IE6因众多BUG而广受诟病，其对CSS和HTML代码的解析“独树一帜”。IE6本应该<a href="http://ripie6.com/">寿终正寝</a>，但由于Windows XP依然占据主流，绝大多数用户都会用到Windows XP绑定的IE6，因此在编写CSS代码时要考虑到对IE6的兼容性。<br />
<span id="more-888"></span><br />
<img class="aligncenter size-full wp-image-891" title="针对IE6巧妙利用_ * !important" src="http://www.renniaofei.com/wp-content/uploads/2010/04/ie.jpg" alt="" width="508" height="258" /></p>
<h4>先看一下主流浏览器对 _   *   !important 的支持情况</h4>
<table style="border-collapse: collapse;" border="1" width="100%">
<tbody>
<tr>
<td></td>
<td>IE6</td>
<td>IE7</td>
<td>IE8</td>
<td>Firefox</td>
<td>Chrome</td>
</tr>
<tr>
<td>_</td>
<td>√</td>
<td>×</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td>*</td>
<td>√</td>
<td>√</td>
<td>×</td>
<td>×</td>
<td>×</td>
</tr>
<tr>
<td>!important</td>
<td>×</td>
<td>√</td>
<td>√</td>
<td>√</td>
<td>√</td>
</tr>
</tbody>
</table>
<p>我们可以利用上面的差异，单独针对IE6编写相应的CSS代码。</p>
<h4>符号功能解释：</h4>
<ul>
<li>_（下划线）：只有只有IE6支持</li>
<li>*（星号）：只有IE6和IE7支持</li>
<li>!important：此行定义的属性值不会被后续定义覆盖，拥有最高优先级，IE7以上版本都会支持此属性。</li>
</ul>
<p><span style="color: #ff6600;">知道_ * !important这三个符号的意义后，就可以编写单独针对IE6的CSS样式代码。</span></p>
<p><span style="color: #ff0000;">注：在CSS定义中，如果对某一属性有重复定义，则后面定义的属性值会覆盖前面的定义。</span></p>
<h4>实例一 在IE6中使用GIF代替PNG</h4>
<pre><code>#logo {
background-image: url(logo.png); /*除IE6和IE7之外，其他浏览器都会使用PNG格式*/
background-repeat: no-repeat;
height: 80px;
width: 290px;
text-indent: -9999px;
}
/*使用 星号 */
* #logo {
background-image: url(logo.gif);  /*在IE6和IE7中，使用GIF图像格式代替PNG*/
}</code></pre>
<h4>实例二 兼容IE6的<a href="http://www.renniaofei.com/code/10-simple-but-useful-css-properties/">最小高度 min-height</a> 设置方法</h4>
<pre><code>.box-min-height {
  min-height:550px;
  height:auto !important;  /*IE6 不支持!important，因此会忽略掉本行*/
  height:550px;
}</code></pre>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="Twenty Ten 主题页眉图像在IE9中错位修正方法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fcode%2Ftwenty-ten-wordpress-theme-header-image-bug-in-ie9%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21157484.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Twenty Ten 主题页眉图像在IE9中错位修正方法</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS Position页面布局属性详解" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fcode%2Fcss-float-yemianbuju-shuxing-xiangjie-2%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21176822.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS Position页面布局属性详解</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS3新增特性Multiple backgrounds（多层背景）使用方法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fcode%2Fcss3-multiple-backgrounds%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21166038.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS3新增特性Multiple backgrounds（多层背景）使用方法</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="常被遗忘但非常有用的10个CSS属性" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fcode%2F10-simple-but-useful-css-properties%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21173098.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">常被遗忘但非常有用的10个CSS属性</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="CSS display页面布局属性详解" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Frenniaofei.com%2Fcode%2Fcss-display-yemianbuju-shuxing-xiangjie%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/08/05/21176840.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">CSS display页面布局属性详解</font>
                    </a>
                </td>
        </tr>
        <br/>
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">来自无觅网络的相关文章：</font></b></td>
    </tr>
    
        <tr>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="margin-bottom在IE6和IE7下失效的解决办法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.tcreator.info%2FwebSchool%2Fxhtml-css%2Fmargin-bottom-failure-in-ie6-and-ie7-under.html&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/02/04/14739151.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">margin-bottom在IE6和IE7下失效的解决办法 (@tcreator)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="让IE6具备IE7和IE8的特性(IE6也玩web标准)" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.tcreator.info%2FwebSchool%2Fxhtml-css%2Fie6ie7ie8.html&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/11/24/11422427.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">让IE6具备IE7和IE8的特性(IE6也玩web标准) (@tcreator)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="IE6、IE7下hack的方法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.tcreator.info%2FwebSchool%2Fxhtml-css%2Fie6_and_ie7_hack.html&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2012/01/18/14103859.gif" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">IE6、IE7下hack的方法 (@tcreator)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="WordPress新版本不再支持IE6" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.internet2share.com%2F2011%2F05%2F21%2Fwordpress%25E6%2596%25B0%25E7%2589%2588%25E6%259C%25AC%25E4%25B8%258D%25E5%2586%258D%25E6%2594%25AF%25E6%258C%2581ie6%2F&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/09/20/32283273.png" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">WordPress新版本不再支持IE6 (@internet2share)</font>
                    </a>
                </td>
                <td width="102" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="3种修复IE6 PNG图片透明度问题的方法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.tcreator.info%2FwebSchool%2Fxhtml-css%2Fpng-transparency-in-ie6.html&from=http%3A%2F%2Frenniaofei.com%2Fcode%2Fie6-bug-hack-css%2F">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 96px !important; height: 96px !important;" src="http://static.wumii.com/site_images/2011/12/21/12798514.jpg" width="96px" height="96px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 102px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">3种修复IE6 PNG图片透明度问题的方法 (@tcreator)</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://renniaofei.com/code/ie6-bug-hack-css/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Served from: renniaofei.com @ 2012-02-10 05:06:02 -->
