cc蒲公英的博客

一、flexbox布局（弹性布局） 1.指定flex布局 { display:flex;                           display: -webkit-flex; /* Safari */} 行内元素 { display:inline-flex} 注意：设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。

一直没太注意有这个坑，td或者table-cell的元素里，如果没有指定容器宽度，那么容器里的img标签max-width:100% 在IE7-11，以及firefox下会不理会max-width的限制，例如： max-width:100%不兼容小笔记-练小习 *{ margin: 0; padding: 0; border:0; } .img-wr

使用方法： 首先下载JS文件：0.0.8a-min.js (压缩版) 0.0.8a.js (未压缩版本) 之后在页面中引用代码： type="text/javascript" src="下载下来的JS路径"> DD_belatedPNG.fix('CSS选择器, 应用类型'); 引用函数是 DD_belatedPNG.fix() , 括号里分别填写应用PNG的CS

1.滤镜 滤镜是一个非常耗资源的东西，特别是一些羽化、阴影、前透明的效果，而且一些IE的滤镜在Firefox不支持。如512大地震，网页全部变成了灰色，body{filter:gray;} body{filter:gray;} 网页非常的慢，CPU也飙升，如果电脑配置差的话，死机都可能。例如透明效果：#login_bd{ width;200px; height:200px; background:

一、CSS hack 1、选择器Hack：IE6识别*header1.css ；IE7识别*+header1.css 2、Css Hack：【IE都能识别*】，IE6识别"_width"和"-width"和"*width"，IE7只识别"*"，FireFox都不识别         Tip：*background IE识别，IE8,FireFox都不识别

1. 360以极速模式打开网页： 默认用急速内核，增加标签：   默认用ie兼容内核，增加标签： 默认用ie标准内核，增加标签： 2. CSS3选择器 :nth-child(2n)兼容性 解决：ie8及以下   .list li:nth-child(4n){margin-right:0;}   //这样直接写只有在支持CSS3的浏览器中才可正常显示。     $(do