随笔分类 -  bug

绝对定位元素被遮挡
摘要：ie7下绝对定位元素即使z-index值很高，如果其设置相对定位的父元素没有设置z-index值的话，其可能（这种可能性当然是布局存在遮盖的时候）会被后面设置了相对定位的元素遮挡（即使后面的相对定位的元素没有设置z-index值）； 如果上下这两个div存在互相遮盖的情况，那么下面的div会遮盖住... 阅读全文
posted @ 2014-07-18 18:28 mabel_on_line 阅读(3997) 评论(0) 推荐(0)
display:inline-block 间隙
摘要：IE6/7是不支持display:inline-block属性，只是让其表现的跟inline-block一样，尤其对于inline水平的元素，其表现度可以用perfect一词来形容了。对于IE8+以及现代浏览器，直接使用：{display:inline-block;}就可以了，支持任意水平的元素。对... 阅读全文
posted @ 2014-07-16 18:02 mabel_on_line 阅读(3578) 评论(0) 推荐(0)
css li 间隙
摘要：如果 li 未浮动，而 li 子元素浮动，则ie6和ie7下会出现间隙，解决办法是给 li 写上css hack *vertical-align:bottom; 阅读全文
posted @ 2014-07-16 17:45 mabel_on_line 阅读(306) 评论(0) 推荐(0)
一句white-space:nowrap解决IE6,IE7下浮动元素不自动换行
摘要：一句white-space:nowrap解决IE6,IE7下浮动元素不自动换行 阅读全文
posted @ 2014-07-15 14:41 mabel_on_line 阅读(192) 评论(0) 推荐(0)
mouseover 有一个多次触发的问题
摘要：mouseover 有一个多次触发的问题 需要注意由于浏览器的冒泡行为。造成如果在一个DIV元素上同时定义了mouseover,mouseout的时候，当鼠标移动到DIV中的child子元素的时候，就会同时执行了两个操作mouseover和mouseout。http://blog.csdn.net/... 阅读全文
posted @ 2014-07-15 11:14 mabel_on_line 阅读(492) 评论(0) 推荐(0)
a标签包着img事件 ie下 a标签的click事件失效
摘要：整个大的背景框有个点击事件，如果标签结构是（详细的css样式略）a{background:green;} 我是个人用户a标签有个click事件像这样的 a标签包着img标签的时候 在ie下点击图片位置的时候 click事件不会触发解决方式是把a标签改成div 我是个人用户给div标签绑定... 阅读全文
posted @ 2014-07-07 15:40 mabel_on_line 阅读(3051) 评论(0) 推荐(0)
左侧图片 右侧块的实现方法---解决3像素bug的一种解决方案，不用浮动用绝对定位和margin-left
摘要：google的实现方式是： 图片可以作为a标签的背景或者嵌套子a标签里面，为a标签设置绝对定位，右面搜索框为正常块，为右面的搜索框设置margin-left即可具体如下，也可直接去看google搜索页.mw{ max-width:100%;}@media only screen and (... 阅读全文
posted @ 2014-05-24 20:23 mabel_on_line 阅读(1074) 评论(0) 推荐(0)
inline-block元素的4px空白间距解决方案
摘要：http://www.jb51.net/css/68785.htmlinline-block元素的4px空白间距解决方案 阅读全文
posted @ 2014-05-20 17:18 mabel_on_line 阅读(209) 评论(0) 推荐(0)
3像素文本偏移bug 解决方案
摘要：kkkkkkkkkbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb 阅读全文
posted @ 2014-05-12 12:10 mabel_on_line 阅读(372) 评论(0) 推荐(0)
ie6不认识
摘要：1. ie6不认识这样连续写的类选择.class1.class2{ }2. ie6 下不解析 css input[type="text"] 等等类别的选择 阅读全文
posted @ 2013-07-18 16:04 mabel_on_line 阅读(156) 评论(0) 推荐(0)
ie haslayout
摘要：http://baike.baidu.com/view/2945869.htmhaslayout 问题的调试与解决当网页在 IE 中有异常表现时，可以尝试激发 haslayout 来看看是不是问题所在。常用的方法是给某元素 css 设定 zoom:1。使用 zoom:1 是因为大多数情况下，它能在不... 阅读全文
posted @ 2013-03-27 16:25 mabel_on_line 阅读(163) 评论(0) 推荐(0)
css中的after
摘要：http://www.cnblogs.com/losesea/archive/2012/12/20/2825763.html 阅读全文
posted @ 2013-03-27 16:14 mabel_on_line 阅读(108) 评论(0) 推荐(0)
css hack 大全
摘要：百度 css hackhttp://baike.baidu.com.cn/view/1119452.htm 阅读全文
posted @ 2013-03-19 18:18 mabel_on_line 阅读(179) 评论(0) 推荐(0)
css 浮动闭合
摘要：在父元素上添加class即可最优浮动闭合方案：.clearfix{ zoom:1;} //zoom针对ie6和ie7 触发其hasLayout //以下针对除ie6和ie7之外的其他浏览器.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;} 下面2篇文章讲了一些关于闭合浮动的内容：http://www.javascript100.com/?p=235http://homepage.yesky.com/16/2404516.s... 阅读全文
posted @ 2013-03-18 11:10 mabel_on_line 阅读(213) 评论(0) 推荐(0)
jQuery 淡入淡出有png图的时候 ie8下有黑色边框
摘要：往带有png图的类里加红色字的部分background-image:url(******.png)!important;background-image:url(../images/space.gif);/*space.gif 是一个透明的图片文件*/filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src="******.png", enabled=true, sizingMethod=scale); 阅读全文
posted @ 2013-03-05 13:33 mabel_on_line 阅读(870) 评论(0) 推荐(0)
ie6bug----ie6默认的最小高度是设定字体的高度
摘要：ie6bug----ie6默认的最小高度是设定字体的高度，而一般网页默认的字体是12px；所以，在没有另外设置字体的情况下，如果要给某个标签设置高度小于12px，则，需要单独给这个标签设置_font-size:1px;(或者设置0px等等。).corner{ width:10px; height:10px; background:url(images/corner_opacity.png) no-repeat; _font-size:1px;} 阅读全文
posted @ 2012-11-22 16:28 mabel_on_line 阅读(382) 评论(0) 推荐(0)
ie6bug----------------------ie6 下不解析 css input[type="text"] 等等类别的选择
摘要：ie6 下不解析 css input[type="text"] 等等类别的选择 阅读全文
posted @ 2012-11-22 15:05 mabel_on_line 阅读(179) 评论(0) 推荐(0)
position:relative bug
摘要：position:relative;的元素的top值会使其下边界脱离出来父元素 但是也不可将top改成margin-top，这样的视觉效果就像是给其父元素设置了margin-top值2013.7.17日编辑 当时应该是垂直外边距合并的原因 阅读全文
posted @ 2012-11-09 14:23 mabel_on_line 阅读(154) 评论(0) 推荐(0)
ie6 reflow bug
摘要：http://44ux.com/index.php/2011/08/ie67-reflow-bug/ 阅读全文
posted @ 2012-09-12 18:42 mabel_on_line 阅读(155) 评论(0) 推荐(0)