摘要: 说到 IE 的 bug,一个臭名昭著的例子是它对于“盒模型”的错误解释:在 IE5.x 以及 Quirks 模式的 IE6/7 中,将 border 与 padding 都包含在 width 之内。这为前端工程师的工作平添了不少麻烦,几户每个需要定义尺寸的 box 都要思量一下:是否触发了“盒模型 bug”?同时,由于另一撮浏览器对标准的遵从,我们在精确定义一个在有限空间内显示的 box 时,也需要计算一下:留给它的空间只有那么大,刨去 border 和 padding,我们该把它的 width 写成多少呢?这种情况在 CSS3 时代有了改善,得益于这个叫做 box-sizing 的属性,它具 阅读全文
posted @ 2014-03-18 22:04 萌小孩 阅读(217) 评论(0) 推荐(0) 编辑
摘要: table不能换行问题 一般是:一行里面全是数字或是字母或者结尾有多个感叹号而导致 table不能换行,中文默认的会自动换行的,字母不能换行问题:style="table-layout:fixed; word-break: break-all; overflow:hidden;"复制代码在单元格属性里加入上面这句,如:复制代码用表格做网页排版的时候,一般都能正常使用。偏偏有时会碰到一段连续的英文词或者一堆感叹号(!!!)把网页就撑开的现象。总结了一下,只要在CSS中定义了如下句子,可保网页不会再被撑开了。自动换行问题,正常字符的换行是比较合理的,而连续的数字和英文字符常常将 阅读全文
posted @ 2014-03-18 20:48 萌小孩 阅读(1522) 评论(0) 推荐(0) 编辑
摘要: 透明往往能产生不错的网页视觉效果,先奉上兼容主流浏览器的CSS透明代码:.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}上面的几个属性分别是:opacity: 0.5;这是最重要的,因为它是CSS标准.该属性支持Firefox, Safari和 Opera.filter:alpha(opacity=50);这个是为IE6设的,可取值在0-100,其它三个0到1.-moz-opacity:0.5;这个是为了支持一些老版本的Mozilla浏览器。- 阅读全文
posted @ 2014-03-18 11:28 萌小孩 阅读(705) 评论(0) 推荐(0) 编辑