• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >浏览器兼容 > CSS hack 介绍及速查对照表

CSS hack 介绍及速查对照表

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-06-02

本文主要包含css hack,css hack是什么意思,css hack技巧,什么是css hack,常用的csshack技巧等相关知识,佚名 希望在学习及工作中可以帮助到您
虽然如此,但是,很少有人知道,它到底是什么东西,使用CSS hack好不好,以及它是怎样实现的?
下面,就谈一下我对CSS hack的认识。希望能帮助大家正确的认识CSS hack。
介绍之前,请先记住一句话:你今天用CSS hack解决兼容性问题,明天浏览器就可能让你那解决问题的CSS hack变成另一个兼容性问题。
CSS hack简介
这,还要从W3C CSS2.1的标准说起。
W3C CSS2.1的标准的第四章,讲了CSS的基本语法,数据,以及值,还讲到了如何去处理不合理的值及声明等。可以参考我分享的另外两个帖子:【分享】说说标准 --CSS标准中的值,【分享】说说标准--我 的眼里只有你--CSS的错误解析规则。
W3C CSS2.1 标准也规定了浏览器应当支持的特性属性或值。
虽然如此,W3C也不可能强制浏览器厂商必须遵循标准。因此就出现了各大厂商对标准的实现不尽相同的现象。由于不同的浏览器,比如IE6、 IE7、 IE8、 Firefox等,对CSS解析的标准不同,因此对于相同的 CSS代码,可能会生成不同的页面效果,从而无法在所有浏览器中得到我们想要的效果。这时,我们就需要针对不同的浏览器去写不同的CSS代码,让它能够在所有浏览器中获得相同的效果。这个过程,就是CSS hack。也就是写出只有个别浏览器或某些浏览器识别的CSS代码。
CSS hack是因为现有浏览器对标准的解析不同,为了兼容各浏览器,所采用的一种补救方法。
CSS hack是一种类似作弊的手段,以欺骗浏览器的方式达到兼容的目的,是用浏览器的兼容性差异来解决浏览器的兼容性问题。
因此,在设计之初,写CSS hack需要遵循以下三条原则:
⃟有效: 能够通过 Web 标准的验证
⃟只针对太古老的/不再开发的/已被抛弃的浏览器, 而不是目前的主流浏览器
⃟代码要丑陋。让人记住这是一个不得已而为之的 Hack, 时刻记住要想办法去掉它。
现在很多hacks已经抛弃了最初的原则,而滥用hack会导致浏览器更新之后产生更多的兼容性问题。
因此,并不推荐使用CSS hack来解决兼容性问题。
CSS hack的实现方式
我总结了一下,实现CSS hack大概有以下几种方式:
1. 利用浏览器对相同代码的解析和支持的不同实现的hack
不同浏览器对相同的CSS代码的支持情况可能不同。尤其是对错误的写法。
例如,

CSS code

这个是在越出长度后会自行的截掉多出部分的文字,并以省略号结尾,很好的一个技术。只是目前Firefox并不支持。 </div>

您可能想查找下面的文章:

  • CSS hacker使用小结(兼容IE6、7、8)
  • 史上最全的CSS hack方式一览(兼容多浏览器)
  • 浅谈各种浏览器下的CSS Hack兼容性写法
  • 写CSS样式做浏览器兼容时区别ie8和ie9的方法
  • Hack 只针对IE的写法
  • 在ie7下css居中样式text-align:center;偏左问题解决方法
  • IE9的css hack使用示例
  • Firefox专属hack的写法介绍
  • CSS对浏览器的兼容性性处理(IE7,6与Fireofx)
  • IE下css常见问题总结及解决

相关文章

  • 2017-06-02浅谈firefox 的event事件处理
  • 2017-06-02IE6浏览器不支持固定定位(position:fixed)解决方案
  • 2017-06-02一个不错的html视频播放器兼容主流浏览器
  • 2017-06-02IE6兼容性问题及IE6常见bug详细汇总
  • 2017-06-02无hack无js全兼容text-overflow-ellipsis效果
  • 2017-06-02全面兼容ie6,ie7,ie8,ff的CSS HACK写法
  • 2017-06-02CSS hack 介绍及速查对照表
  • 2017-06-02浏览器hack总结 详细的浏览器兼容性的快速解决方法
  • 2017-06-02IE6 position:fixed bug (固定窗口方法)
  • 2017-06-02一行代码解决各种IE兼容问题,IE6,IE7,IE8,IE9,IE10

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • css FF与IE兼容性总结
    • 原生js方法document.getElementsByClassName在ie8及其以下的兼容性问题
    • css 解决浏览器兼容问题
    • Win7下Chrome字体渲染颜色太淡颜色不够黑的解决方法
    • 让IE6支持兼容min-width、max-width CSS样式属性的方法
    • bgiframe插件解决IE6 DIV档不住下拉选择框
    • favicon.ico在ie下面无法正常显示(尺寸32*32)
    • 如何为网站设计出色的横幅 为网站设计出色横幅的方法
    • firefox和谷歌不显示body背景图片的解决方法
    • even事件浏览器兼容性实例介绍

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有