hack方法总结

? ? ? ?现在浏览器越来越多，导致我们在做web页面的时候就显得没那么方便，当我们做出的页面惨不忍睹时免不了要头疼，下面爱站小编就来介绍一下hack方法总结。
下面我就介绍我知道的hack方法吧。我现在比较常用的，并且感觉用的不动脑子的方法是：
#yourId/.yourClass {/*normal*/}
* html #yourId/.yourClass {/*IE6 and below*/}
* html #yourId/.yourClass {/*IE7 only*/}
@media all and (min-width:0px){
#yourId/.yourClass { /*opera*/ }
}
? ? ? ?用法：直接写CSS，用firefox作为第一浏览器看效果，然后IE6下不一样，就用* HTML重写那个ID容器或者类；如果IE 7不一样，就用* HTML重写，如果opera下面不一样，就用@media那个，当然这写重写的需要放在原来的后面。呵呵，就这么简单。这个方法用了之后可能会上瘾，可是会有诸如增加CSS文件容量等不爽，甚至有时候还会出现直接用这个写几段不同的。所以还是建议能熟悉了解个浏览器具体是在什么属性上支持不一样(例如border宽度IE6认为是不能算在width里面的，但是firefox是认为算width一起的)，先尽力写几个浏览器通用的 CSS，不到必不得已不用这个hack方法。
? ? ? ?原理：firefox认为是CSS语法错误，所以忽略。但是不同IE版本识别不同，不忽略，所以能实现hack，并且* HTML还能通过W3C验证，呵呵，爽吧。opera那个就不多说了，也是类似原理，但是看起来比较崩溃，要说明的是， firefox下没问题的话，opera基本也没什么问题的，所以不太会用到这个hack。
还需要其他浏览器hack方法？抱歉，我就知道这么多，因为我电脑上只有这么几个浏览器，呵呵，公司要求或者我自己想要把握的用户群够了。
? ? ? ?另外就是!important这个方法了(firefox遇到这个优先级就最高，但是IE6不认，所以下面重新定义可以覆盖)，不过这个貌似是以前甚至现在都很多人在用的，但是我个人感觉不是很爽，不能像上面的那样明确的搞定某个浏览器。比如现在IE7对规范CSS支持已经比IE6好了不知道多少，但是还是会有和firefox有的差异，所以用important的方式，控制起来并不像上面的那么一目了然。

? ? ? ?以上就是爱站技术频道的小编献给大家的hack方法总结，希望你正好需要，更多精彩内容，请继续关注爱站技术频道。

原文链接:https://js.aizhan.com/web_authoring/css/5676.html
如有疑问请与原作者联系

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有