Tagged

hack

A collection of 3 posts

css

IE10 CSS hack

整理自:http://www.impressivewebs.com/ie10-css-hacks/ 中文原文: IE10 CSS hack 请尊重版权,转载请注明来源,多谢~~ 传说Windows 8刚上市没几天就卖出了4000多万份,好厉害。然后我们就发现项目中很多页面在IE10中表现不正常了。有的是之前对各版本ie的hack引发的,有些不确定是否是ie10引出的bug,所以惯性思维让我们重新寻找针对IE10的CSS Hack。。。 首先,ie10不支持条件注释了。 方法一:特性检测:@cc_on 我们可以用IE私有的条件编译(conditional compilation)结合条件注释来提供针对ie10的Hack: <!--[if !IE]><!--><script> if (/*@cc_on!@*/false) { document.documentElement.className+='

css

10个非常有用的CSS hack和技术

原文:[10个非常有用的CSS hack和技术](http://www.qianduan.net/10-useful-css-hacks-and-technique.html) 译自:[10 astonishing css hacks and technique](http://www.catswhocode.com/blog/10-astonishing-css-hacks-and-technique) 版权所有,转载请注明出处,多谢!!! - - - - - - 好吧,既然你看了这篇文章,那么我猜你了解CSS并且知道它能为你做什么。但是一些很有用的技术对很多开发人员来说仍然比较隐秘,所以本文中,让我们看看10个肯定能提高你的设计的CSS技术吧 1 – 跨浏览器的inline-block li { width: 200px; min-height: 250px; border: 1px solid #000; display: -moz-inline-stack;

bug

使用CSS修正一切:20多个常见Bug及其修正方法

毫无疑问,一个合理的布局和结构是最好选择。这不仅是因为你的布局在不同浏览器见表现不同,而且还因为的CSS有很多方法来布局你的每个元素。今天,我们希望与你们分享一些避免在创建CSS布局时容易遇到的错误的技巧。 IE Bug修正 1- Bug修正:IE双倍Margin bug – 元素是浮动的-并且给元素一个和浮动同一个方向的margin-结果显示两倍的指定margin大小。这个方法非常简单。所有您需要做的就是添加一个display: inline规则到你的浮动元素。所以,你只是把例如这样的代码: #content { float: left; width: 500px; padding: 10px 15px; margin-left: 20px; } 改为如下代码 : #content { float: left; width: 500px; padding: 10px 15px; margin-left: 20px; display:inline; } 2- 克服盒模型hack – 如果你想给任一div指定宽度,不要指定padding或margin。只要另建一个内部(嵌套)的没有宽度的div并设定其padding和margin来替代。所以,不要这样做: