CSS Archive

浏览器在opacity继承问题上的差异

这次说的不是什么大问题,但是出现问题后很难排查。最近一个项目用了大量的CSS3动画,使用PostCSS的autoprefixer自动加前缀,兼容IE10以上的所有浏览器,但是在chrome开发完毕,做兼容测试的时候,却发现IE10、IE11的opacity失效了......

编写友好的Html和CSS代码

Html和CSS写过不少(虽然我很不喜欢写),也使用过别的同事写的和第三方库的,在使用的过程中也渐渐对Html和CSS代码的“友好度”有了点认识。UI设计出的图片,放在不同开发手里,即使最终效果差不多,但是结构、思想、质量可能会天差地别...

CSS实现文本溢出自动截断

在web前端开发中,经常要处理的一种情况就是“文本溢出”。比较友好的处理方式是溢出的文本不显示,在末尾加上“...”。实现方式多种多样,可以直接后端程序截断,前端js截断或者CSS实现截断。下面介绍CSS截断的方法...

CSS属性white-space和word-spacing

CSS的两个属性white-space和word-spacing主要是设置“空白”的呈现方式的,white-space用来设置浏览器对“空白”的处理,所谓的空白指的是你在编辑器里面输入的空格...

CSS的word-wrap属性

接着上一篇word-break,继续说说CSS的换行。这次说的word-wrap,同样是设置换行的,他有两个可能的值normal和break-word...

CSS的word-break属性

要了解CSS的换行,先要明白两个概念:“CJK文本”和“non-CJK”文本,CJK代表的就是中文(Chinese)、日文(Japanese)和韩文(Korean)等亚洲语言,non-CJK就是指非亚洲语言(英语之类的)

CSS选择器的浏览器兼容

测试环境:HTML5 DOCTYPE,Chrome 33.0.1750.117 m,FireFox 27.0.1,Internet Explorer 11.0.9600.16428IS,IETester v0.4.11。结果直接见...

CSS hack 总结

发现很多以前的Hack在IE版本更新后效果不一样,不过现在的Hack主要用在低版本IE中,那几个经典的hack是不变的...

解决head中的标签跑到body中

在搭建本站的时候,发现在IE浏览器下整个页面布局都乱了,查了半天才发现是head中的标签全部跑到了body中。解决办法就是文件另存为UTF-8不带BOM的

兼容IE6的遮罩层

兼容IE6的遮罩层,利用“* Html”这个Hack,设置IE6使用position:absolute;和 expression 模拟fixed的效果,另外设置background:url(*)防止抖动。