zoukankan      html  css  js  c++  java
  • hack专讲

    摘自:http://www.topcss.cn/article.asp?id=31 如需转载请著明出处,谢谢合作.

    最近微软发布的IE7浏览器的兼容性确实给一些网页制作人员添加了一个沉重的负担,虽然IE7已经走向标准化,但还是有许多和FF不同的地方,所以需要用 到IE7的HACK,有许多朋友问过IE7的HACK是什么,其实我也不知道。暂时还没找到IE7专用的HACK。那么我们是不是没有办法解决IE7浏览 器兼容的问题了?不。

    有一点逻辑思想的人都会知道可以用IE和FF的HACK结合起来使用,下面介绍三个HACK,例如:(适合新手,呵呵,高手就在这里路过吧。)
    程序代码:

    复制内容到剪贴板
    代码:
    第一个HACK,IE FF 所有浏览器 公用(其实也不算是HACK)
    height:100px;
    第二个HACK IE6专用
    _height:100px;
    第三个HACK IE6 IE7公用
    *height:100px;

    介绍完了这三个HACK了,下面我们再来看看如何在一个样式里分别给一个属性定义IE6 IE7 FF专用的HACK,看下面的代码,顺序不能错哦:
    程序代码:

    复制内容到剪贴板
    代码:
    height:100px;
    *height:120px;
    _height:150px;

    下面我简单解释一下各浏览器怎样理解这三个属性:

    在FF下,第2、3个属性FF不认识,所以它读的是 height:100px;

    在IE7下,第三个属性IE7不认识,所以它读第1、2个属性,又因为第二个属性覆盖了第一个属性,所以IE7最终读出的是第2个属性 *height:120px;

    在IE6下,三个属性IE6都认识,所以三个属性都可以读取,又因为第三个属性覆盖掉前2个属性,所以IE6最终读取的是第三个属性。

    大家看明白了吗?一个样式分别写三个浏览器的HACK,就这样简单的搞定了。

    最后我想说一句: 其实平时注意自己的代码的编写习惯,可以避免90%的hack,也可以完全不用hack。

  • 相关阅读:
    提交一个spark程序及spark执行器
    前端如何让服务器主动向浏览器推送数据
    h5页面移动端iPhoneX适配方法
    详说tcp粘包和半包
    mysql配置文件 /etc/my.cnf 详细解释
    【todo】MVCC原理及与锁之间的关系
    【todo】innodb表锁的底层实现原理
    【todo】innodb行锁的底层实现原理
    【todo】mysql binlog
    [todo] spring 事务的传播性
  • 原文地址:https://www.cnblogs.com/tangge/p/2018386.html
Copyright © 2011-2022 走看看