CSS兼容

最新推荐文章于 2024-12-11 21:48:12 发布

翻译最新推荐文章于 2024-12-11 21:48:12 发布 · 683 阅读

CSS 专栏收录该内容

5 篇文章

订阅专栏

本文总结了在使用CSS布局时遇到的各种浏览器兼容性问题及其解决方法，包括margin-top在Firefox中的显示问题、IE6下高度很小的div占用过多空间、浮动元素导致的文字错位等，并提供了实际可行的代码调整建议。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、margin-top有很多时候在火狐显示不出来，在iE正常；办法：加个float：left；display：inline；
2、高度很小的div在IE6会占用16px的高度；如：.spzz_line{ border-top:1px solid #e3d4b8; height:1px ; width:733px;} 办法：加个overflow：hidden；
3、很多词组的ul 要li自动换行；
办法：加个width；
有时候li的背景会在火狐显示不出，在ie正常，
办法：检查浮动；给li加个height；
4.DIV浮动IE文本产生3象素的bug
解决：*html #left{ margin-right:-3px;}
5、a标签包着的img有时候会出现边框，给img价格border=0；在大图上加好几个链接时，在ie里a标签会被img盖住点不了。给a加上filter:alpha(opacity=0); opacity:0或把大图弄成背景；
6、要小图标和文字对齐时给他们都加上vertical-align:middle;
7、在一个块状元素里面如果一个设置了浮动，把另一个也加上浮动；

8、图片在ie显示不出来问题       //20130723
    （1）图片错了，如直接改后缀的（a.jpg改成a.png）;
    （2）img标签里没设置width和height；
；
9、table里面给td或th加position:relative;定位，子元素用absolute定位在ff不兼容
    给th或td加个div，有div定位
10、wap中上下两个div里面放个自适应的图片，缩小浏览器时，中间会有6像素的空白
    求解答！！