INove在IE浏览器下很多CSS失效的解决方法

<p style="text-align: center;"><span style="color: #808080;">陈家杰博客原创文章，转载请出示页底版权信息</span></p>
<a href="https://jay.tg/usr/uploads/2012/05/ielogo.png"><img class="wp-image-1521 alignright" style="border-image: initial; border-width: 1px; border-color: black; border-style: solid; margin: 10px;" title="ielogo" src="https://jay.tg/usr/uploads/2012/05/ielogo.png" alt="" width="181" height="186" style=""></a>    其实在现在用Win7的也越来越多了，IE8.0、IE9.0的普及率也很高，但是<a href="http://blog.jiajieit.net" target="_blank">JiaJieChan</a>也还是喜欢用Chrome，真希望电子商务的企业能够尽快开发出基于Chrome、Firefox等其他主流浏览器的控件，使得使用网银的支付网站不再局限于IE浏览器，以浏览器制衡微软。

进入今天的主题，就是让<a href="http://blog.jiajieit.net/tag/inove/" target="_blank">INove</a>支持IE浏览器的CSS特效。用INove的<a href="http://blog.jiajieit.net" target="_blank">博主</a>应该也发现有很多的CSS特效在IE8.0甚至9.0也不兼容，就比如说陈家杰's Blog的导航条的透明化，和首页上每篇文章的查看全文按钮的圆角效果。其实这个是与CSS和IE的兼容性无关的，只要加上了应用于IE浏览器的相应CSS代码IE也能够显示的。影响着INove主题的CSS在IE显示不出效果的原因就是INove编译的时候比较早，因此加上了一句<a href="http://blog.jiajieit.net/tag/%E9%94%81%E5%AE%9A%E4%B8%BAIE7%E5%85%BC%E5%AE%B9%E6%A8%A1%E5%BC%8F/" target="_blank">锁定为IE7.0兼容模式</a>的代码，我们只要把这条代码屏蔽就可以显示出CSS特效了。

首先打开INove Theme的header.php

找到下面的代码；
<pre class="top-set:true bottom-set:true lang:xhtml decode:true">&lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&gt;</pre>
修改为；
<pre class="top-set:true bottom-set:true lang:xhtml decode:true">&lt;!-- &lt;meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /&gt; --&gt;</pre>
&nbsp;

这句代码的原理就是将这句锁定IE7模式的代码屏蔽，当然你把它删除也一样。也可以应用在其他早期编制的主题、网页上。

现在大家可以看到<a href="http://blog.jiajieit.net" target="_blank">JiaJieChan的博客</a>的CSS透明效果也显示正常了，麻烦使用<a href="http://blog.jiajieit.net/how-china-to-wipe-out-ie6/" target="_blank">IE6</a>、7、8的网友帮忙测试一下效果，真实效果请到Chrome下查看，可在本页评论反馈本博的对各浏览器兼容性，记得要在相应的浏览器下留言噢!

Last modification：June 25, 2021