随笔分类 -  Div+Css

摘要:1.DOCTYPE 影响 CSS 处理2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行3.FF: body 设置 text-align 时, div 需要设置 margin: auto(主要是 margin-left,margin-right) 方可居中4.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important 多设一个 height 和 width5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设 阅读全文
posted @ 2011-07-22 14:34 Blink_Star 阅读(583) 评论(0) 推荐(0)
摘要:IE6、IE7、FF 与兼容性有关的特性CSS HACK代码:所有浏览器 通用height: 100px;IE6 专用_height: 100px;powered by 25175.netIE6 专用*height: 100px;IE7 专用*+height: 100px;IE7、FF 共用height: 100px !important(优先级);一、CSS HACK以下两种方法几乎能解决现今所... 阅读全文
posted @ 2010-09-16 10:53 Blink_Star 阅读(617) 评论(0) 推荐(0)
摘要:IE7.0 出来了,对CSS的支持又有新问题。浏览器多了,网页兼容性更差了,疲于奔命的还是我们 ,为解决IE7.0的兼容问题,找来了下面这篇文章: 现在我大 部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释,会导致页面没 按要求显示!下面是三个浏览器的兼容性收集. 第一种,是CSS HACK的方法 height:20... 阅读全文
posted @ 2010-09-16 10:52 Blink_Star 阅读(427) 评论(0) 推荐(0)
摘要:CSS技巧1.div的垂直居中问题vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 powered by 25175.net2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上disp... 阅读全文
posted @ 2010-09-16 10:50 Blink_Star 阅读(391) 评论(0) 推荐(2)
摘要:FF与IE 1. Div居中问题 powered by 25175.netdiv设置 margin-left, margin-right 为 auto 时已经居中,IE 不行,IE需要设定body居中,首先在父级元素定义text-algin: center;这个的意思就是在父级元素内的内容居中。 2.链接(a标签)的边框与背景 a 链接加边框和背景色,需设置 display: block, 同时设... 阅读全文
posted @ 2010-09-16 10:50 Blink_Star 阅读(374) 评论(0) 推荐(0)