摘要: 一:单个标签实现分隔线:.demo_line_01{ padding: 0 20px 0; margin: 20px 0; line-height: 1px; border-left: 200px solid #ddd; border-right: 200px solid #ddd; text-align: center; }二:巧用背景色实现分隔线:.demo_line_02{ height: 1px; border-top: 1px solid #ddd; text-align: center; } .demo_line_02 span{ position: relative; top.. 阅读全文
posted @ 2013-12-03 17:41 蛋蛋的小家 阅读(5098) 评论(0) 推荐(0) 编辑
摘要: css部分:样式与JS部分: 点击空白的地方指定div 隐藏消失了 阅读全文
posted @ 2013-12-03 17:17 蛋蛋的小家 阅读(8163) 评论(0) 推荐(0) 编辑
摘要: 第一个问题: 在IE6下面overflow:hidden;失效 原因:在IE6/7中子级设置position:relative;属性值后,导致父级的overflow:hidden;失效。 与定位的层级关系有关,IE6/7解析为内容已经跳出文档流,以致父级误以为没有包含内容。 解决方案: 对于IE6可以为父级添加定位属性纠正问题,但IE7依然无效。第二个问题: 在IE6下overflow起了position:relative的作用 分析:在怪异模式与标准模式下的页面对CSS的解析会有一定的差异甚至是扭曲了其属性的作用, 对这现象暂时还没有冲破的能力,也只... 阅读全文
posted @ 2013-12-03 16:55 蛋蛋的小家 阅读(319) 评论(0) 推荐(0) 编辑
摘要: 第一种解决方法: ie6中hover只是对a标签有作用 必须有href=“”,否则都不管用,如果不能写a标签,还想让ie6下有滑过效果,那只能写javascript或者jquery。 例如:ie6是不支持li:hover的,想实现的话可以这样写 li:hover 变成 li a:hover在IE6中,因为只支持css1,而hover伪类(css伪类)在css1中只支持标签使用,其他标签一概不接纳,下面是一个简单的例子:还有一种情况: a {},a span {color: green;} a:hover {},a:hover span {color: red; } Hello... 阅读全文
posted @ 2013-12-03 16:31 蛋蛋的小家 阅读(248) 评论(0) 推荐(0) 编辑