飒易互联 - 听涛TinTao的个人博客

一提到IE就非常蛋疼啊，各个版本的CSS和JS兼容问题简直多如牛毛啊，有木有。一不小心就中招了有木有！

今天要提到的就是解决IE8下的CSS only hack：\0/。看起来是不是很神奇？接下来我们来举个栗子：

<style>

.test {

width:200px;

height:200px;

background-color: green; /*非IE浏览器*/

background-color: blue\0; /*IE9+浏览器*/

background-color: red\0/; /*IE8浏览器*/

*background-color: gray; /*IE7-浏览器*/

_background-color: black; /*IE6-浏览器*/

 

}

</style>

<div class="test"></div>

结语：不要以为上述CSS必须一起使用，告诉你，这些都是可以单独拿出来用的，比如你只想对IE8设置CSS hack，那么只需要在css后面加上“\0/”就可以了，方便直接。

RT，很奇葩的问题，遇到的童鞋估计也是在本地开发环境下，或者项目没有正式域名只能用IP访问。

通过上面的描述大概大家也知道了问题的原因了吧，不错，那就是iframe在IE低版本浏览器中对localhost、还有IP网址有一种奇葩的兼容问题。例如：

<iframe src=”http://192.168.1.123/iframe.html”></iframe> 或者 <iframe src=”/iframe.html”></iframe>{本地根地址是：http://localhost:8080}

那要怎么解决呢？

其实大部分情况下的解决方法就是：不用管！项目上线后肯定有正式的域名，替换为正式域名后就ok了。例如：

<iframe src=”http://www.xxxxxxx.com/iframe.html”></iframe>

如果想在本地开发环境下也想看到效果，那么我们需要配置一下host，随便将一个域名指向本地，然后通过这个域名来访问。例如：

<iframe src=”http://misc.xxx.com/iframe.html”></iframe>