2014 年 1月 14 日随笔档案 - 大马德

IE7，A块的margin-bottom下面没其他块，则A的父元素不计算A的magin-bottom

摘要： IE7，A块的margin-bottom下面没其他块，则A的父元素不计算A的magin-bottom 阅读全文

posted @ 2014-01-14 11:39 大马德阅读(188) 评论(0) 推荐(0)

li 在IE6下多出 3px 解决

摘要：方法一 vertical-align: middle;方法二：浮动阅读全文

posted @ 2014-01-14 11:38 大马德阅读(133) 评论(0) 推荐(0)

截取字符串会多出几像素，可用浮动清除

摘要： .text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}可加float:left; 阅读全文

posted @ 2014-01-14 11:37 大马德阅读(159) 评论(0) 推荐(0)

a：hover内的标签的background-position-y

摘要： IE6是不支持的阅读全文

posted @ 2014-01-14 11:36 大马德阅读(148) 评论(0) 推荐(0)

IE6加个背景可以使跑位的块还原

摘要： IE6加个背景可以使跑位的块还原阅读全文

posted @ 2014-01-14 11:33 大马德阅读(90) 评论(0) 推荐(0)

line-height在IE6下失效原因

摘要：设置line-height，IE6中显示顶头了原因：当在一个容器里文字和img、input、textarea、select、object等标签相连的时候，对这个容器设置的line-height数值会失效；同时以上元素的行高可能×2：解决方法：对和文字相连接的img、input、textarea、select、object等元素加以属性 margin: (所属line-height-自身高度)/2px 0;vertical-align:middle 阅读全文

posted @ 2014-01-14 11:32 大马德阅读(129) 评论(0) 推荐(0)

各浏览器的Hack写法

摘要： 1.Firefox浏览器@-moz-document url-prefix() { Selector { property: value; } }/* 支持所有Gecko内核的浏览器 (包括Firefox) */ *>.selector { property: value; }2.Webkit内核浏览器(chrome and safari)@media screen and (-webkit-min-device-pixel-ratio:0) { Selector { property: value; } }3.Opera浏览器@media al... 阅读全文

posted @ 2014-01-14 11:31 大马德阅读(185) 评论(0) 推荐(0)

margin 负值的情况

摘要： A块内有B块当B块的边与A块的边相贴时才能适应相对应的负值；当B块width没定义下则宽为A快的width+margin的负值当A块width没定义下则宽为B块width-margin的负值；若设定了width值，则是偏移；若A、B块都没有浮动，则默认为float：left的情况；阅读全文

posted @ 2014-01-14 11:30 大马德阅读(139) 评论(0) 推荐(0)

属性透明度

摘要： opacity 除IE外的浏览器支持；filter：alpha IE7以上的支持阅读全文

posted @ 2014-01-14 11:29 大马德阅读(142) 评论(0) 推荐(0)

ul的列表符号在IE6下显示不全

摘要： ul默认的list-style-position: outside;在IE6下会显示不全，改为list-style-position: outside; 阅读全文

posted @ 2014-01-14 11:28 大马德阅读(155) 评论(0) 推荐(0)

table的属性border-collapse 设置边框是否合并

摘要： border-collapse值separate默认值。边框会被分开。不会忽略 border-spacing 和 empty-cells 属性。collapse如果可能，边框会合并为一个单一的边框。会忽略 border-spacing 和 empty-cells 属性。inherit 规定应该从父元素继承 border-collapse 属性的值阅读全文

posted @ 2014-01-14 11:27 大马德阅读(601) 评论(0) 推荐(0)

使用了position：absolute的标签在IE6错误

摘要：原因一：绝对定位的元素没有相对父元素定位在父元素里加 zoom：1；原因二：绝对定位的元素A相邻着浮动的块B，A块消失，解决：它们之间加个块隔开或设置B块的width（由于B块的长度挡住了A块）阅读全文

posted @ 2014-01-14 11:25 大马德阅读(155) 评论(0) 推荐(0)

<p>内的<a>截取字符串，会将<a>与<p>的其他内容撑开(IE6、IE7)

摘要：方法：给p加个背景，如p{ background: white;} 阅读全文

posted @ 2014-01-14 11:13 大马德阅读(131) 评论(0) 推荐(0)

空白块多出几像素(IE6)

摘要：解决方法：font-size：0px；line-height：0px；overflow：hidden；阅读全文

posted @ 2014-01-14 11:11 大马德阅读(153) 评论(0) 推荐(0)

padding-bottom在IE6下失效的原因

摘要： CSS:a{ float:right; }li{ padding-bottom; overflow:hidden}因为 li 使用了 overflow（清除浮动），padding-bottom失效解决办法有：一、将overflow去掉，使用float。二、.clearfix{ *zoom: 1; &:before, &:after{ display: table; content: ""; line-height: 0; } &:after{ clear: both; }}将overflow换成.clearfix来清除浮动。阅读全文

posted @ 2014-01-14 11:09 大马德阅读(488) 评论(0) 推荐(0)

padding双倍bug(IE6)

摘要： IE6下有个BUG只要在有padding-top的元素内有那就会出现双倍PADDING的 BUGCSS.clear {clear: both;}解决办法需要在.clear的CSS里加overflow:hidden;height:0;.clear {clear: both;overflow:hidden;height:0;} 阅读全文

posted @ 2014-01-14 11:04 大马德阅读(243) 评论(0) 推荐(0)

border-bottom在IE6失效的解决办法

摘要：添加 display：inline-block 阅读全文

posted @ 2014-01-14 11:03 大马德阅读(120) 评论(0) 推荐(0)

margin-bottom在IE6、IE7失效的原因

摘要： float块的后面没有其他块，则margin-bottom失效阅读全文

posted @ 2014-01-14 11:01 大马德阅读(109) 评论(0) 推荐(0)

margin为负值不兼容IE6

摘要：解决方法：position: relative 阅读全文

posted @ 2014-01-14 10:57 大马德阅读(147) 评论(0) 推荐(0)

伪元素first-letter

摘要：用于设置一个块级元素首位字符的样式，而且仅对该字符设置样式p：first-letter{ font-size：200%}是让P中的第一个字符是其他字符大小的两倍阅读全文

posted @ 2014-01-14 10:53 大马德阅读(140) 评论(0) 推荐(0)

2014年1月14日