Rocho.J

人脑是不可靠的, 随时记录感悟并且经常重复!

 

2011年5月6日

CSS格式模板

摘要: //GeneralCSS.cssView Code /*########## IE compatible Setting(Copy the following things to the Section) ########## *//* ########## Init... 阅读全文

posted @ 2011-05-06 19:16 RJ 阅读(490) 评论(0) 推荐(0) 编辑

CSS Hack操作

摘要: CSS Hack 区分 Opera/* Opera */@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){head~body #opera { display: block; }}CSS Hack 区分 SafariSafari 的 CSS hack 与 Firefox 的 hack 看起来很像,使用的是 Safari浏览器的专有扩展 -webkit 且只对 Safari 浏览器有效。/* Safari */@media screen and 阅读全文

posted @ 2011-05-06 18:06 RJ 阅读(253) 评论(0) 推荐(0) 编辑

CSS技巧汇总---div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox...)

摘要: CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline; 例如: <#div id=”imfloat”> 相应的css为 #IamFloat{ float:left; margin:5px;/*IE下理解为10px*/ display:inline;/*IE下再理 阅读全文

posted @ 2011-05-06 16:14 RJ 阅读(1450) 评论(0) 推荐(0) 编辑

CSS hack:区分IE6,IE7,firefox[转http://www.cnblogs.com/wangbin/archive/2010/04/10/1708762.html]

摘要: CSS hack:区分IE6,IE7,firefoxIE6IE7FF*√√×!important×√√另外再补充一个,下划线"_",IE6支持下划线,IE7和firefox均不支持下划线。于是大家还可以这样来区分IE6,IE7,firefox: background:orange;*background:green;_background:blue;注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。css hack的使用CSS类级别的hack仅IE7识别 *+html {…} IE6及IE6以下识别 * h 阅读全文

posted @ 2011-05-06 15:43 RJ 阅读(1162) 评论(0) 推荐(0) 编辑

导航