11 2013 档案
摘要：目前主流浏览器的兼容性做的都比较好了，本文主要针对IE6，7的不兼容问题进行解决。1.有浮动存在时，计算一定要精确，不要让内容的宽高超出我们所设置的宽高，IE6下，内容会撑开设置好的高度。 解决方法：给对应的父级加overflow:hidden;但是会有部分被隐藏掉，最好是精确计算宽高再设定eg：（ie会撑开） 1 11 12 13 14 15 16 17 18 19 View Code 2. 在IE6下有元素浮动时，如果宽度需要由内容撑开，就给里边的块元素都加浮动，正常浏览器不用加浮动。eg： 1 10 11 12 13 14 ...
阅读全文
摘要：注意事项：1、不要给table,th,td以外的表格标签加样式；2、单元格默认平分table 的宽度3、th里面的内容默认加粗并且左右上下居中显示4、td里面的内容默认上下居中左右居左显示5、 table 决定了整个表格的宽度；6、table里面的单元格宽度会被转换成百分比；7、 表格里面的每一列必须有宽度（如果没有的话，按默认table的宽度的百分比决定，若单元格里面的内容过多会把这一列的宽度变大）；8、表格同一竖列继承最大宽度；9、表格同行继承最大高度；table默认样式重置th,td{padding:0;}table{border-collapse:collapse;}
阅读全文
摘要：注意： 关于绝对定位，在IE6下定位元素的父级宽高都为奇数那么在IE6下定位元素的right，bottom都有一像素的偏差（left,top无偏差）。因此应尽量使用偶数。 关于绝对定位，在IE6下父级的overflow:hidden;是包不住子级的相对定位的.
阅读全文
摘要：1.在IE6，7下li本身没浮动,但是li内容有浮动的时候，li下边就会产生3px的间隙。解决办法: 1.给li加浮动 2.给li加vertical-align:top;eg： 1 2 3 4 5 无标题文档 6 20 21 22 23 24 文字文字文字文字文字25 作者26 27 28 文字文字文字文字文字29 作者30 31 32 文字文字文字文字文字33 作者34 35 36 文字文字文字文字文字37 ...
阅读全文
摘要：在IE6下，块元素有浮动和横向margin的时候，横向的margin值会被放大成两倍解决方法：添加display:inline;eg:下面的例子在IE6下会有两倍边距
阅读全文
摘要：使用display：inline-block会出现的情况：1.使块元素在一行显示2.使内嵌支持宽高3.换行被解析了4.不设置的时候宽度由内容撑开5.在IE6,7下步支持块标签由于inline-block属性换行的时候被解析（有间隙）故解决方法使用浮动float:left/right使用浮动时出现的情况：1.使块元素在一行显示2.使内嵌元素支持宽高3.不设置不宽高的时候宽度由内容撑开4.换行不被解析（故使用行内元素的时候清除间隙的方法可以使用浮动）5.元素添加浮动，会脱离文档流，按照指定的一个方向移动，直到碰到父级的边界或者另一个浮动元素停止（文档流是文档中可显示对象在排列时所占用的位置） 1
阅读全文
摘要：css实现超出一行后用省略号显示a{display:inline-block; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}表格规定宽度后，自动换行1 table{table-layout: fixed;}2 td{word-break: break-all; word-wrap:break-word;}盒模型怪异模式： 可视宽 设置宽度 内容宽 设置宽度-padding-bordersss 在IE6,7,8下不设置文档声明的时候 页面的盒模型解析 就会进入怪异模式
阅读全文
摘要：css，html命名规则 1 页头： header 2 登录条： loginBar 3 标志： logo 4 侧栏： sideBar 5 广告： banner 6 导航： nav 7 子导航： subNav 8 菜单： menu 9 子菜单： subMenu10 搜索： search11 滚动： scroll12 页面主体：main13 内容： content14 标签页： tab15 文章列表：list16 提示信息：msg17 小技巧： tips18 栏目标题：title19 加入： joinus20 指南： gu...
阅读全文
摘要：css配合js模拟的select下拉框 1 2 3 4 5 无标题文档 6 17 18 19 20 21 22 文字部分23 24 25 26 首页27 关于我们28 联系我们29 关于我们30 联系我们31 联系我们32 联系我们33 联系我们34 35 36 64 65
阅读全文
摘要：让IE下支持固定定位 1 2 3 4 5 无标题文档 6 26 27 28 29 30 1 6 7 8 9 10
阅读全文
摘要：max-height，min-height在IE下不支持的解决方法1 max-width:160px;2 max-height:160px;3 _width:expression(this.width > 160 ? "160px": true); /* IE6 */4 _height:expression(this.height > 160 ? "160px": true); /* IE6 */
阅读全文
摘要：图片居中 1 2 3 4 5 图片在容器内，水平垂直居中 6 11 12 13 14 15 16 17
阅读全文
摘要：1、blue老师编写完美运动框架，随意调用（可多次），兼容性好，用于多个物体多次运动（不是同时运动） 1 function getStyle(obj, name) 2 { 3 if(obj.currentStyle) 4 { 5 return obj.currentStyle[name]; 6 } 7 else 8 { 9 return getComputedStyle(obj, false)[name];10 }11 }12 13 function startMove(obj, attr, iTarget, fn...
阅读全文
