CSS IE7 IE6 Firefox多浏览器兼容(六)著名的星号* Html Hack(招数)

最著名且最有用的CSS过滤器之一是星号 * Html HACK。这个过滤器非常容易记住,它可以制定IE6和更低版本。正如你知道的,Html 元素被认为是网页上的第一个元素,即根元素。但是,IE 的所有当前版本有一个匿名的根元素,它包围着Html 元素。那么这个匿名的元素或者说隐藏的元素到底是什么元素呢?其实它就是鼎鼎大名的* 号,所以我们可以用星号来指定的规则应用于那些被星号包围的 HTML。


阅读完整的文章... xddxz on 12月 14th, 2007 | File Under CSS | 1 Comment -

CSS Hack 汇总

屏蔽IE浏览器(也就是IE下不显示)
*:lang(zh) select {font:12px !important;} /*FF,OP可见*/
select:empty {font:12px !important;} /*safari可见*/
这里select是选择符,根据情况更换。第二句是MAC上safari浏览器独有的。

仅IE7识别
*+html {…}
当面临需要只针对IE7做样式的时候就可以采用这个HACK。

IE6及IE6以下识别
* html {…}
这个地方要特别注意很多地主都写了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。
html/**/ >body select {……}
这句与上一句的作用相同。


阅读完整的文章... xddxz on 11月 8th, 2007 | File Under CSS | No Comments -

CSS IE 和 Firefox 的区别(一)

Css 当中有许多的东西不不按照某些规律来的话,会让你很心烦,虽然你可以通过很多的hack,很多的!important 来控制它,但是你会发现长此以往你会很不甘心,看看许多优秀的网站,他们的CSS让IE6,Ie7,Firefox,甚至Safari,Opera运行起来完美无缺是不是很羡慕?而他们看似复杂的模版下面使用的Hack 少得可怜。其实你要知道IE 和 Firefox 并不不是那么的不和谐,我们找到一定的方法,是完全可以让他们和谐共处的。不要你认为发现了hack的办法,你就掌握了一切,我们并不是Hack的奴隶。


阅读完整的文章... xddxz on 11月 6th, 2007 | File Under CSS | 4 Comments -

CSS IE7 IE6 Firefox多浏览器兼容(五)子选择器招数(Hack)和属性选择器

最安全的过滤器依赖于未实现的CSS,而不是浏览器Bug。因为这些过滤器使用有效的CSS选择器来应用有效的声明,所以严格地说,他们根本不是过滤器。他们仅仅是某些浏览器所不能理解的有效CSS规则。这些过滤器中的第一个称为子选择器招数。Windows上的IE6和更低版本的IE不支持子选择器,所以可以使用它对这些浏览器隐藏规则。为了让这种过滤器起到作用,必须确保在子选择器前后没有空格。


阅读完整的文章... xddxz on 10月 20th, 2007 | File Under CSS | No Comments -

CSS IE7 IE6 Firefox多浏览器兼容(四)Tantek Celik的带通过滤器

Tantek Celik 基于浏览器解析错误创建了一系列过滤器(http://tantek.com/css/examples/),允许使用@import规则将样式表提供给选择的浏览器。因为他们是CSS规则,所有这些过滤器可以放在一个CSS文件中,这样就可以再一个地方集中的控制过滤的文件。将招数Hack隔离到浏览器特定的CSS文件中,可以大大简化对招数Hack的管理。如果决定停止对某一浏览器(比如IE 5.0)的支持,那么只需要删除相关的样式表,而不需要再大量页面代码中进行搜索和修改。


阅读完整的文章... xddxz on 10月 12th, 2007 | File Under CSS | No Comments -

CSS IE7 IE6 Firefox多浏览器兼容(三)条件注释

有条件注释是一种专门的(因为是非标准的)、对常规(X)Html注释的Microsoft扩展。顾名思义,有条件注释使你能够根据条件(比如浏览器版本)显示代码块。因为使非标准的,但是有条件注释对于其他所有浏览器作为常规注释出现,因此本质上是无害的。有条件注释在Windows 上的IE5中首次出现,并且得到了Windows浏览器的所有后续版本的支持。


阅读完整的文章... xddxz on 10月 10th, 2007 | File Under CSS | 2 Comments -

CSS IE7 IE6 Firefox多浏览器兼容(二)Hack实施策略

hack和过滤器其实是一种迫不得已的办法,不要稍微掌握了几招然后就开始炫耀,到处乱写,最终看一看似乎到处是hack,到处都是补丁,似乎已经为每个浏览器都写了一遍CSS。在使用hack和过滤器的时候其实更应该多理解CSS的标准规范,实际上要用到hack的情况是很少的。Hack本身一词也是不包含正面意义的,而是讲这是一种迫不得已的行为,是利用了不正确的浏览器行为。


阅读完整的文章... xddxz on 10月 9th, 2007 | File Under CSS | No Comments -

CSS IE7 IE6 Firefox多浏览器兼容(一)前言

在理想的环境中,编写正确的CSS会在支持CSS的每个浏览器中正常工作。不幸的是,我们并不是生活在理想的世界中,浏览器有不少的Bug和不一致的地方。为了创建能够在各种浏览器上显示相同样式的页面,CSS开发人员需要发挥创造性。通过利用Bug(hack)和未实现的CSS,卡发人员能够选择性地对不同浏览器应用不同地规则。“招数Hack”和“过滤器”是CSS开发人员地强大工具。但是,正因为功能强大,使用时应该谨慎。了解各种常用招数Hack以及他们地工作原理确实很重要。但是,了解在什么时候应用他们以及什么时候不应该使用也同样。


阅读完整的文章... xddxz on 10月 8th, 2007 | File Under CSS | 10 Comments -

ie7 ie6 ff (firefox) 兼容总结

关于CSS对各个浏览器兼容已经是老生常谈的问题了, 网络上的教程遍地都是.以下内容没有太多新颖, 纯属个人总结, 希望能对初学者有一定的帮助.多耐心的调试,肯定让你学到不少好东西。


阅读完整的文章... xddxz on 09月 26th, 2007 | File Under CSS | No Comments -

CSS 多浏览器兼容又一方案

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


阅读完整的文章... xddxz on 09月 7th, 2007 | File Under CSS | No Comments -
    抓虾 pageflakes feedsky 订阅
    狗狗 google reader
    bloglines my yahoo
    鲜果 哪吒
    有道 netvibes
  • xddxz: IE 其实越来越往 Firefox 靠拢了。为了坚持标准不惜抛弃兼容原来的IE5.5和IE6了。不过这是好现象呵~~ 虽...
  • 80s-半死: 不错的推荐。下次做皮肤时试一试,目前只用了IE6,用IE6做的,IE7基本不会有问题,IE8就没测了。 001ov...
  • netq: 嗯,域名很重要,学习了.我有个CN域名.不想买COM啦....
  • bssn: 我搞测试都是用虚拟机跑ie6,哈哈。...
  • bssn: 好东西!!!...