转载自:http://hi.baidu.com/zhenghanzheng/blog/item/840e5501d2c71b0a7aec2c81.html 在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important;一、C...
div+CSS浏览器兼容问题整理(IE6.0、IE7.0 ,ie8 , FireFox)_html/css_WEB-ITnose1.p的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 powered by 25175.net 2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline; 例如: <...
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 和 width 5.FF: 支持 !important, IE 则忽略, 可用 !important 为 FF 特别设置样式 6.div 的垂直居中问题:...
1.区别IE和非IE浏览器 #tip { background : blue ; /*非IE 背景?色 */ background : red \9 ; /* IE6、IE7、IE8背景?色 */ } 2.区别IE6,IE7,IE8,FF 【区别符号】:「\9」、「*」、「_」 【示例】: #tip { background : blue ; /* Firefox 背景变蓝色 */ background : red \9 ; /* IE8 背景变红色 */ *background : black ; /* IE7 背景变黑色 */ _background :...
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上display:inline; 3.浮动ie产生的双倍距离 #box{ float:left; width:100px; margin:0 0 0 100px; //这种情况之下IE会产生200px的距离 display:in...
在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important; 一、CSS HACK 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE...
具体的也说不清楚,可是能浮动的问题,也可能是你给了填充边界的问题。 下面是14条特殊情况你看一下是哪个问题出错了这些仅供参考: 1. 文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff 下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:给文字设定 line-height 。确保所有文字都有默认的 line-height 值。这点很重要,在高度...
CSS兼容常用技巧 请尽量用xhtml格式写代码,而且DOCTYPE影响 CSS 处理,作为W3C标准,一定要加DOCTYPE声明。 1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字,就垂直居中了。缺点是要控制内容不要换行 http://www.php100.com 2. margin加倍的问题 设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面...
在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 通用 height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important; 一、CSS HACK 1, !important 随着IE7对!important的支持, !important 方法现在...
所有浏览器 通用 (市面上主要用到的IE6 IE7 FF) height: 100px; IE6 专用 _height: 100px; IE6 专用 *height: 100px; IE7 专用 *+height: 100px; IE7、FF 共用 height: 100px !important; 一、CSS 兼容 以下两种方法几乎能解决现今所有兼容. 1, !important (不是很推荐,用下面的一种感觉最安全) 随着IE7对!important的支持, !important 方法现在只...
ie6 ie7 ie8 ff兼容fixed的写法? 回复讨论(解决方案) IE6 position:fixed* { margin:0; padding:0;}#content{ height:2000px; }#a{ position:fixed; bottom:0; right:0; width:200px; height:60px; background:#F00;}/*IE6 fixed bug*/* html{overflow:hidden;}* html body{height:100%;overflow:auto;}* html #a{position:absolute;right:18px;}IE6 position:fixedIE6 position:fixed 或 body { h...
new document .FixedHeaderColumnsTableDiv { overflow: auto; position: relative; border: 1px solid; } .FixedCell { position: relative; top: expression(this.offsetParent.scrollTop); left: expression(this.parentElement.offsetParent.scrollLeft); background-color: buttonface; b...
如题,在ie6、8,火狐下都好使,就是ie7下没用 [img=http://bbs.blueidea.com/attachment.php?aid=158424&k=76b11b51fb17785a1778678cc78f891d&t=1314165582&noupdate=yes][/img] 回复讨论(解决方案) 而且不加任何样式,单单就写都是这样的问题 http://bbs.blueidea.com/attachment.php?aid=158424&k=76b11b51fb17785a1778678cc78f891d&t=1314165582&noupdate=yes 这是上面那个图的链接 我去试验了一下...IE7并未出现...
本帖最后由 qq740248117 于 2013-12-20 18:09:53 编辑 在使用jquery操作css时候, 为什么在ie6/ie7中不起作用? 代码如下 $("#content").css("display","none") 这个低版本ie不支持么? 求大神指教 回复讨论(解决方案) 这个跟CSS没有关系吧,你用浏览器调试工具,看看id=content的元素,是不是在标签内设置了display=none就可以了 如果没有,就是你jquery代码写的问题了,display=none没有兼容的问题的。
ul标签 ie7,ie8兼容怎么搞,为什么ie7的高度会高些啊??、不要使用 。。。 代码如下: a:link { text-decoration: none; } a:visited { text-decoration: none; } a:hover { text-decoration: underline; } a:active { text-decoration: none; } .cs-north-bg { ...