Jin's blog

注：IE6不支持边框transparent，当设置成透明时显示为黑色。而当border-style为dotted或dashed时，点线与虚线均以边框宽度为基准，点线长度必须是其宽度的3倍以上（height>=border-width*3），虚线宽长度必须是其宽度的5倍 以上（height>=border-width*5），否则点线和虚线都不会出现。最后一种效果即是利用IE6这个特性解决其边框颜色不

demo：http://download.youkuaiyun.com/detail/jyy_12/3841695body{background:#2C91AE;}.wrap{width:600px;height:400px;padding:50px;margin:20pxauto;position:relative;}.gear{border-radius:100px;border:1px so

页面结构： 姓名： 张三 家庭住址： 浙江省浙江省浙江省浙江省浙江省浙江省浙江省浙江省浙江省浙江省浙江省样式：.box{width:200px;background-color:#EEEEEE;overflow:hidden;zoom:1;margin:10px;}.left{float:left;background-color:red;}.right{zoom:1;o

IE6/IE7通过定位实现，IE8及以上、firefox、chrome等通过display:table-cell实现。结构： dddfff dssdsd ssd样式：.box{width:200px;height:200px;background-color:#aaa;display:table;position:relative;}.box div{display:tabl

写法：cursor:url(images/arrow.cur),auto; /* auto是当自定义图标不起作用时鼠标的状态*/ 也可写：cursor: url(mouse-notexist.cur), url(vote.gif), auto; cursor:url(images/logo.cur) 100 20,auto; /* 100 20 是cursor 的坐标*/

原文地址：http://www.yuiblog.com/blog/2010/05/19/css-101-block-formatting-contexts参考：http://www.zhoumingzhi.com/2010/06/24/intro-block-formatting-context/http://w3ctech.com/p/1101A block format

前面提到遇见的怪异问题：IE9下的怪异现象求解后在模板文件上进行程序添加后，对样式进行细微修改即出现该现象，其它浏览器中也出现。最终结论为：浮动清除不当，overflow:hidden滥用。

有个页面不知何故，经多台IE9电脑测试，在其中两台IE9中只显示一小部分页面内容，如被裁剪。测试电脑为一台IE9 RTM版，其余均为IE9.0.5。如下图：正常情况：解决方法一：把页面顶部那一行的“都市直通车”的浮动去除后页面显示正常。解决方法二：原先页面内通过内联样式设置body字体为font-family:Helvetica, Arial,sans-

问题：safair下html换行产生的间距设置font-size:0无效，解决方法：letter-spacing设负值

一、PNG8        Alpha透明的全色PNG(png32、png24）在ie6中会出现背景颜色，Alpha透明的PNG8在IE6下半透明部分显示为全透明，是透明Gif的加强版，在其它浏览器下正常显示半透明。Photoshop只能导出布尔透明的PNG8，Fireworks既能导出布尔透明的PNG8,也能导出alpha透明的PNG8。        Fireworks导出alpha透

标准参考无。问题描述在 IE6 IE7 IE8(Q) 中，一个 'position' 特性值为 'static' 的元素的 offsetParent 可能会是其最近的、触发了 hasLayout 的父元素。同时其 offsetTop、offsetLeft 的返回值参照元素也是距离其最近的触发了 hasLayout 的祖先级元素。造成的影响对于元素的 of

症状：在IE6某区域无故多出几个字，此文字为另一区域的内容原因：在浮动块之间放置注释解决方法：去除注释或浮动搜索得到结论还与固定宽度有关，实际工作中去除宽度没有解决这个bug ；将文字区块包含在新的标签之间也无法解决问题。参考解决方案：http://blog.si

在IE6、IE7、IE8、IE9下fieldset的padding值为0，firefox5、chrome13下左右内边距约为12px。        当把legend设为width：100%时，IE6、IE7出现水平滚动条，且legend与fieldset内其它内容没有对齐。

如下面这种情况，每个链接之间有一个空格，可通过设置font-size:0来删除。html代码： dd dd dd样式：.box{font-size:0;}.box a{font-size:12px;}

 使用浮动进行列表布局时，需对每个li设定高度，否则当内容高度不一时容易产生错位。使用display:inline-block进行列表布局时，无需设定固定高度，一行的高度以其中最大高度项为准，根据内容的不同，各行的高度可能不一样。IE6和IE7不支持display:inline-block,可以设置display:inline，再设置zoom:1触发haslayout来解决。样式：ul

IE6/IE7不支持伪元素，使用font-size调整(需细调,受中英文字体影响)样式：.wrap{border:1px solid #000;width:200px;height:200px;text-align:center;font-size:175px;}.wrap img{vertical-align:middle;}.wrap:after{content:"";disp

偶数项  :nth-child(even)或:nth-child(2n)奇数项  :nth-child(odd)或:nth-child(2n+1)每隔三项:nth-child(3n)前五项:nth-child(-n+5)从第4项开始之后2的倍数:nth-child(2n+4)第五项:nth-child(5)每隔4条，第一次往上提一条:nth-child(4n-1)其中数组从1开始，n从0开始支持情

高度：chrome12： 忽略小数值firefox4：四舍五入opera11：忽略小数值IE9：四舍五入IE8：四舍五入IE7：忽略小数值IE6：忽略小数值，大于0小于3时均显示为2px边框：chrome12：忽略小数值firefox4：大于0小于1时为1px

.box{ color:red; *color:green; /* IE6 IE7 */ *+color:green; /* IE6 IE7 */ [color:green; /* IE6 IE7 */ _color:blue; /* IE6*/ color:yellow9; /* IE6 IE7 IE8 IE9 */ color:#CCCCC

最终效果如下图：用到的背景图：HTML结构:CSS:.button{background:url(bg.gif) no-repeat right -30px;height:30px;display:inline-block;margin-left:10px;}.button

来源：CSSplay http://www.cssplay.co.uk/layouts/fixed.html注：IE6/IE7下默认的滚动条认为是html标签的，其它浏览器显示的是body标签的滚动条。IE6支持body height 100%定义。“* html body”定义方法只有IE6支持，意指在html标签外还有一个标签。“*+html”只有IE7支持，html标签存在一个兄弟节点。bo

HTML结构： 隐藏 效果：当点击span时，box2/box3/box4隐藏，通过JS给最外层添加样式hide实现hide样式：.hide .box2,.hide .box3,.hide .box4{display:none;}在IE6下触发JS后，需要隐藏的

flash的html代码: 层居于flash之上        把object的wmode设为 Opaque 或Transparent都可以使div居于flash之上，相对来说Opaque更专业。wmode 属性/参数值 Window | Opaque | Transparent，默认值为 Window。        （可选）允许使用 Internet Exp