900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > chrome opera ie等浏览器hack解决方案

chrome opera ie等浏览器hack解决方案

时间:2019-09-17 10:50:37

相关推荐

chrome opera ie等浏览器hack解决方案

来自:/chrome-opera-browser-such-as-ie-hack-solution.htm

相信每一个做前端的.做网站开发的都有一个体会.做兼容太纠结了。而且网上一般的hack解决方案都是只针对与IE的,诚然,IE是一个很大的使用人群, 一般做兼容都是以火狐做为标准 ,但也不代表其他的浏览器都兼容的.比如chrome.opera safari等主流的浏览器之间也有不兼容,当遇到这些情况怎么办呢?

今天在看css帮助文档的时候无意之间看到解决这几款浏览器的方法,马上记录下来,为了自己以后做准备,也为大家提供下方便

_:选择IE6及以下。 连接线(中划线)(-)亦可使用,为了避免与某些带中划线的属性混淆,所以使用下划线(_)更为合适。 *:选择IE7及以下。 诸如:(+)与(#)之类的均可使用,不过业界对(*)的认知度更高 \9:选择IE6+ \0:选择IE8+和Opera [;property:value;];:选择webkit核心浏览器(Chrome,Safari)。IE7及以下也能识别。 中括号内外的3个分号必须保留,第一个分号前可以是任意规则或任意多个规则 [;color:#f00;];与 [color:#f00;color:#f00;];与 [margin:0;padding:0;color:#f00;];是等价的。生效的始终是中括号内的最后一条规则,所以通常选用第一种写法最为简洁。

选择不同的浏览器及版本

尽可能减少对CSS Hack的使用。Hack有风险,使用需谨慎通常如未作特别说明,本文档所有的代码和示例的默认运行环境都为标准模式。一些CSS Hack由于浏览器存在交叉认识,所以需要通过层层覆盖的方式来实现对不同浏览器进行Hack的。如下面这个例子:

.test{color:#c30; /* For Firefox */[;color:#ddd;]; /* For webkit(Chrome and Safari) */color:#090\0; /* For Opera */color:#00f\9; /* For IE8+ */*color:#f00; /* For IE7 */_color:#ff0; /* For IE6 */}

* 上述Hack均需运行在标准模式下,若在怪异模式下运行,这些Hack将会被不同版本的IE相互识别,导致失效。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。