
CSS Hack 是在标准 CSS 没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析 CSS 没有达成一致前,我们只能用这样的方法来完成这样的任务。网上你可能能搜索到一大堆的 CSS Hack,但是我今天发布的你可能并不都很了解,因为这些都是只针对单独一个浏览器的 CSS Hack。

CSS Hack 是在标准 CSS 没办法兼容各浏览器显示效果时才会用上的补救方法,在各浏览器厂商解析 CSS 没有达成一致前,我们只能用这样的方法来完成这样的任务。网上你可能能搜索到一大堆的 CSS Hack,但是我今天发布的你可能并不都很了解,因为这些都是只针对单独一个浏览器的 CSS Hack。
这些 hack 好让人抓狂啊。。。
很好,比 sofish 那篇更详细,连 Safari 都顾到了,不知有没有 Chrome 的?我想如果想通过 W3C 的话用 JavaScript 来处理不知行不行…
呵呵有错啊
我用IE8查看,显示我是囧IE7
(*^__^*) 嘻嘻…… 开发一个合格的网页得经过那么多个浏览器,哎,生活真是累……
我老是把 moz 看成 maoz…
呵呵,浏览器多是个问题!
@任平生
研究這麼複雜的CSS Hack的人都是牛人~
@welee
Chrome用的和safari一樣的核心兩者應該相差無幾吧。
@eddie
呃,還沒考慮到IE8,你可以幫忙補充我更新進去呵呵!
@Showfom
生活就是折騰。
@fisio
你肯定暗戀人家。
@吖Bee
如果普及的標準能夠統一瀏覽器再多也不怕了~
有之前好像有看到一个叫Conditional-CSS的也是对多浏览器写不同hack
瓜牛你的页面东西好多啊,眼花了
@wlsy
Conditional-CSS就是文中提到的條件註釋,不過僅限IE瀏覽器呃。
@叶子
忙著畢業,沒時間折騰了。
老实说,你首页太大了。
@Kimcool
我也发现了,图片太大了,很多冗余js代码,主要是没时间,忙着毕业呵呵
😐 😆 😆
文章首頁顯示部分的php語句怎么寫的 😳 😳
之前弄那个下载站的时候这么学着人老外学过。。。当时很头疼微软把IE7 fix了很多针对IE 6的hack不管用了。。- -后来忘记怎么解决了。。。
上面打漏了。。。- -后来忘记怎么解决了。。。最终无意中被我看到这种Hack就照葫芦画瓢居然管用了当时高兴的- -
@nsyta
你復活了。
加你QQ了 ,找你帮点忙 呵呵
出错了。
我恨IE6~~ 👿
幸好我们现在做的项目只要能在FF跑就行。
PS:留言在opera下错位了。
好文章
IE 系列其实通过css 条件注释 就全部解决了 所以IE 8倒没关系
个人觉得 能够不用hack 还是不要用先
真的没办法的时候再通过hack来解决兼容性问题
@ Lucifer
我也是这么个建议,能不hack则不hack~
Pingback: RSSA频道 » Blog Archive » CSS 3.0 中文参考手册(CHM版)
💡 今天用到了,转载了一下
Pingback: JoyfulBoy » 前端技术 » XHTML CSS » 各款浏览器专属的 CSS Hack
Pingback: 专属 CSS Hack – WEB前端开发- 专注前端开发,关注用户体验
没有标准真是可怕呢~~ ❓
hao yang de! learn more, thanks
路过,纯属意外。不要回复我。。
@丸子 我就是要回复你 🙄
😛 很详细,有些用过,有些收藏(希望不用去用到),
然后说说我的看法,在我的实践中,我不认为ie6是最难搞的,反而是ie7,
最好搞定的当属Webkit核。
Pingback: » Blog Archive » 专属 CSS Hack
Pingback: 针对主流浏览器的各种专属CSS hack « starhusb
脑腐亮了。不错不错
Pingback: Although want to use less as far as possible, but still want to remember these CSS Hack
阁下的文字让我受益匪浅,非常不错,谢谢!
很有用,非常感谢! 😛
我遇到一个 Chrome下正常的,但是Safari下有问题的例子,可能是我代码不够规范,正考虑要不要用hack,同样是基于webkit的内核,哎,前端的命苦啊,html5的时代快点到来吧。。。 😛 😛 😛
楼主应该吧chrome也加进去~~~
嘿嘿,好文章,写得比较全面,如果 有 chrome 的话就更完美了
Pingback: 浏览器 CSS Hack 整理 ‹ 龙猫の笔记
补上chrome的:
针对Chrome和Safari等Webkit核心浏览器的CSS hack代码:
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* Webkit内核兼容CSS */
}
示例:
@media screen and (-webkit-min-device-pixel-ratio:0) {
.font1 {color:#f00}
.border1 {border:1px solid #f00;}
.bg3 {background:#f00;}
}
Pingback: 人人网 CSS编码规范 « 人人都是产品经理
Pingback: 人人网 CSS编码规范 « php乐享网_乐于分享,快乐无限!
Pingback: 【绝对干货】之人人网 CSS编码规范 « PM百科
ie11 gg~~~
Pingback: 消失的CSS3 box-shadow 属性? – 马开东博客
Pingback: 消失的CSS3 box-shadow 属性? - IT牛人博客聚合