HTML5+CSS3 ’ 目录归档

IE8 only hack只兼容IE8浏览器的CSS hack

一提到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/”就可以了,方便直接。

IE6 IE7 IE8浏览器下iframe内容无法显示

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>

return top