• CSS 多浏览器兼容又一方案


         本人专业是做UI的,写CSS已经有好几年了,目前刚刚在博客发布关于CSS的文章,欢迎有问题的朋友在有问必答论坛提问,我一定尽力解答。

    什么是浏览器HACK:当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,有的显示出来正常,有的显示出来不正常,我们在编写CSS的时候会很恼火,刚修复了这个浏览器的问题,结果另外一个浏览器却出了新问题。而HACK就是一种办法,能让你在一个CSS里面独立的写支持不同浏览器的样式。这下就和谐了。呵呵!

    最近微软发布的IE7浏览器的兼容性确实给一些网页制作人员添加了一个沉重的负担,虽然IE7已经走向标准化,但还是有许多和FF不同的地方,所以需要用到IE7的HACK,有许多朋友问过IE7的HACK是什么,其实我也不知道。暂时还没找到IE7专用的HACK。除了前面那片文章,《针对firefox ie6 ie7的css样式》中的hack方式也是很好用的。

    有一点逻辑思想的人都会知道可以用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最终读取的是第三个属性。

  • 相关阅读:
    WinForm微信扫码登录
    php字符串只替换一次
    laravel6 文档
    MYSQL批量修改
    semanage command not found
    SUID、SGID、SBIT
    passwd命令
    redhat配置yum软件仓库
    mount: no medium found on /dev/sr0 找不到介质
    CentOS7 防火墙(firewall)的操作命令
  • 原文地址:https://www.cnblogs.com/buffer/p/1712381.html
Copyright © 2020-2023  润新知