前端设计中的浏览器CSS Hack汇总
- Myheimu - UED TEAM,用户体验设计,web前端开发CSS Hack是我们解决浏览器兼容性（尤其是IE各版本）问题的常用手段. CSS Hack的手法可以说是五花八门，使用时经常混淆. js代码
/***** Selector Hacks ******/. /* IE6及更低版本浏览器 */. /* IE8, FF, Saf, Opera (除了IE 6、7的所有浏览器) */.
前端设计中的浏览器CSS Hack汇总
标签：
推荐分享
| 发表时间：2011-07-23 09:37 | 作者：webfenxi Myheimu
出处：http://www.ued163.com
CSS Hack是我们解决浏览器兼容性（尤其是IE各版本）问题的常用手段。CSS Hack的手法可以说是五花八门，使用时经常混淆。下面是一个汇总，以便查阅。
js代码
/***** Selector Hacks ******/ /* IE6及更低版本浏览器 */* html #uno { color: red } /* IE7 */*:first-child+html #dos { color: red } /* IE7, FF, Saf, Opera */html>body #tres { color: red } /* IE8, FF, Saf, Opera (除了IE 6、7的所有浏览器) */html>/**/body #cuatro { color: red } /* Opera 9.27 and below, safari 2 */html:first-child #cinco { color: red } /* Safari 2-3 */html[xmlns*=""] body:last-child #seis { color: red } /* safari 3+, chrome 1+, opera9+, ff 3.5+ */body:nth-of-type(1) #siete { color: red } /* safari 3+, chrome 1+, opera9+, ff 3.5+ */body:first-of-type #ocho { color: red } /* saf3+, chrome1+ */@media screen and (-webkit-min-device-pixel-ratio:0) { #diez { color: red } } /* iPhone / mobile webkit */@media screen and (max-device-width: 480px) { #veintiseis { color: red } } /* Safari 2 - 3.1 */html[xmlns*=""]:root #trece { color: red } /* Safari 2 - 3.1, Opera 9.25 */*|html[xmlns*=""] #catorce { color: red } /* 除了ie 6-8的所有浏览器 */:root *> #quince { color: red } /* IE7 */*+html #dieciocho { color: red } /* Firefox. 1+ */#veinticuatro, x:-moz-any-link { color: red } /* Firefox 3.0+ */#veinticinco, x:-moz-any-link, x:default { color: red } /* FF 3.5+ */body:not(:-moz-handler-blocked) #cuarenta { color: red; } /***** Attribute Hacks ******/ /* IE6 */#once { _color: blue } /* IE6, IE7 */#doce { *color: blue; /* o或者 #color: blue */ } /* 所有浏览器，除了 IE6 */#diecisiete { color/**/: blue } /* IE6, IE7, IE8 */#diecinueve { color: blue\9; } /* IE7, IE8 */#veinte { color/*\**/: blue\9; } /* IE6, IE7 -- 和!important作用相同 */#veintesiete { color: blue !ie; } /* 感叹号后边可以是任意字符串 */ /* IE8, IE9 */#anotherone {color: blue\0/;} /* 必须放在所有规则的最后面 */相关 [前端 设计 浏览器] 推荐：
Web前端浏览器兼容初探
- - 博客 - 伯乐在线浏览器兼容是前端开发人员必须掌握的一个技能，但是初入前端的同学或者其他后台web开发同学往往容易选择忽略，而形成两个极端：. 1 我最开始都是使用IE6，IE6上没问题，其它浏览器坑爹（多出现与前端后端一起搞的同学，小生2年前就这种状态，鼓励人家用ie6.. 2 我要遵循标准，我只要ff就好，IE就是坑爹的玩意，我不必去理他（小生一年前的心态.
QQ 浏览器(android) 设计之路
- goochin - 所有文章 - UCD大社区经过几个月的时间和大家的努力，手机QQ浏览器（android版）从 2.0 陆续更新到的 2.6. 在经历了设计的千回百转和架构的不断尝试后，终于有了个新面貌，使用体验也比之前版本有了较大提升. 不过，这也仅仅是万里长征第一步，这里先和大家分享下这第一步背后的设计心得. 我们可以先来了解国内局势. 目前，浏览器市场可谓战火不断，狼烟四起.
手机QQ浏览器Logo设计
- Quantum - Rologo 标志共和国9月9日，手机QQ浏览器发布全新的Logo，近日，该Logo设计者、深圳的GUI设计师shmzfeng在站酷放出了手机QQ浏览器Logo相关的设计稿. （文章中所有图片版权归腾讯公司所有）. 最后修订为第5稿，然后针对图形配感觉靠谱的文字，在现有的文字基础上，进行优化字体细节，简要摘录(非定稿). 原文链接：http://www.zcool.com.cn/work/ZOTExMjky/3.html.
http协议：Web前端-HTTP Cache-control/浏览器缓存(转)
- - 互联网 - ITeye博客HTTP协议分别在 1.0 / 1.1 两个时代推出了 Expires / Cache-control 两种cache策略，这里我们无需了解全部的细节，无需记住整个RFC内容,但是当我们需要使用HTTP cache策略时，我们需要注意以下细节：. Expires 是HTTP 1.0 那个时代的东西了，目前来看，可以不使用了，因为HTTP 1.0 的user agent占有率在 0.1% 以下（我们主要面向的web浏览器均默认使用HTTP 1.1）,Cache-control 是 HTTP 1.1 的新特性，也是我们主要做文章使用cache策略的工具.
国内外浏览器设计对比初探
- 火锅土豆 - Solidot胆晓茹鼠的女朋友 写道 "面向国内市场的浏览器针对国内用户做了哪些改变，以及为什么这么做. 根据这次研究的目的，我们把浏览器做这样的分类. （均按占有率顺序排列） 国内组：IE6、360浏览器、遨游、腾讯TT、世界之窗、搜狗 国际组：IE7&8、Firefox、Chrome、Safari、Opera.
Sunglass 让人们在浏览器上设计 3D 模型
- - HiWebGLHiWebGLCAD，对于职业建筑师或工业设计师来说，这个词一定不会陌生. 它是计算机辅助设计（Computer Aided Design）的简称，不过一般3维模型的设计都要购买价格在几千到几万块钱的 CAD 软件. Sunglass，一家成立不久的创业公司，不仅将 CAD 软件搬到了浏览器上，同时还让用户免费使用基础的 CAD 功能（更多功能需要付费）.
表格自动适应浏览器大小及DIV浮动设计（页面自适应浏览器大小）
- - CSDN博客Web前端推荐文章 一、表格自适应浏览器大小. 之前写了个页面，将width和height值给定死了，这样导致浏览器缩小时，表格不会跟着自动适应浏览器大小. 1.一般是给表格整体使用样式： table-layout:fixed；. 2.将表格中的各个单元格的 width和height属性值设为比例，而不是给定值.
25 +网页设计师和开发人员必须具备的浏览器插件
- linsen - 互联网的那点事对于许多WEB设计师和开发者来说Firefox是不可逾越的，但是对于其他人来说Firefox却在吃Chrome的灰尘. 过去两年谷歌的Chrome发布以来让游览器的性能之战越来越激烈. Mozilla的开源产品在这期间经受住了时间的考验让Firefox迅速成为最常用的浏览器，超过了微软的IE游览器.