DIV+CSS相对IE6、IE7和IE8的兼容问题
需积分: 3 56 浏览量
2011-03-29
11:08:01
上传
评论
收藏 64KB DOC 举报
DIV+CSS 相对 IE6、IE7 和 IE8 的兼容问题
对浏览器的兼容性有时让人很头疼或许当你了解当中的技巧跟原理就会觉得也不是难事从
网上收集了 与 的兼容性处理方法并整理了一下对于 的过度请尽量用 格
式写代码而且 影响 处理作为 的标准一定要加 声名
技巧：
!" 的垂直居中问题
"#$%$&'(!!)将行距增加到和整个 * 一样高 '%&(+)然后插入文字，就
垂直居中了。缺点是要控制内容不要换行
$&' 加倍的问题
设置为 ,$ 的 !" 在 下设置的 $&' 会加倍。这是一个 都存在的 -&。解决方案是在这
个 !" 里面加上 !.+$/('')
例如(01!"!23,$34相应的 #.. 为 1$$5,$()$&'(6+)78 下理解为
+87!.+$/('')78 下再理解为 6+879
浮动 产生的双倍距离
15,$()!( +)$&'( +)77这种情况之下 会产生 + 的距
离 !.+$/('')77使浮动忽略9
这里细说一下 #: 与 '' 两个元素：#: 元素的特点是总是在新行上开始高度宽度行高
边距都可以控制;块元素<)'' 元素的特点是和其他元素在同一行上不可控制;内嵌元 素<)
15!.+$/(#:)77可以为内嵌元素模拟为块元素 !.+$/('')77实现同一行排列的效果
!+$/($)
= 与宽度和高度的问题
不认得 '%这个定义，但实际上它把正常的 ! 和 & 当作有 ' 的情况来使。这样问
题就大了，如果只用宽度和高度，正常的浏览器里这两个值就不会变，
如果只用 '%! 和 '%& 的话， 下面根本等于没有设置宽度和高度。 比如要设置
背景图片，这个宽度是比较重要的。要解决这个问题，
可 以 这 样 ： 15!(>+)&(6+)94!/15!($-)
&($-)'%!(>+)'%&(6+)9
6页面的最小宽度
'%! 是个非常方便的 命令，它可以指定元素最小也不能小于某个宽度，这样就能保证
排版一直正确。但 不认得这个，而它实际上把 ! 当做最小宽度来使。为了让这一命令 在
上也能用，可以把一个0!"4放到 0!/4标签下，然后为 !" 指定一个类然后 这样设计：
1#'$'5'%!(+)!(%+..';!#-'!/#'!0
?@+@(@$-@<)9第一个 '%! 是正常的；
资源评论
