css 与浏览器的兼容问题一直很让人头痛，怎样才能做到网页的美观，无论是在哪个浏览器中？？？

显示全部楼层 · 2010-12-18 13:01:12

就是用的DIV+CSS布的局，但是仍需要考虑到浏览器的各个版本的问题，可以在IE7中布局没有问题到了IE6或FF中却出现了问题

千问 · 2010-12-18 13:01:12

以下是我自己的经验：一般来说 css文件中，如果用“_” 、“*” 或者!important等前缀或者后缀，单独针对某一版本的浏览器来设置css的话，可以宣布你做的css是很失败的，这样的css文件改动起来也很费事，可以把它删除，重做了。一般来说浏览器兼容性主要表现：（1）在IE6跟其他浏览器之间：IE6下出现的双边距问题，一般发生在浮动的块标签，所幸这种双边距只是发生在水平方向上的。css文件中只需要对设置浮动的标签后边加上display：inline即可。（2）同时 overflow：hidden 也是解决兼容性问题的不错属性，它主要是针对盒子模型来的，在网页制作时，虽然对盒子设置了长和高，但是如果内容过多的话，盒子会被内容撑

千问 · 2010-12-18 13:01:12

简单点，，就是为了IE6,能不用margin ,就不要，用Padding代替。
如果实在要用，用了后出错了，就强行用_margin: 改过来。加下划线只对IE6有效。对FF，如果你喜欢注释。两边一定要对齐，例：.
如果你用text-margin:center:定义DIV居中，FF

千问 · 2010-12-18 13:01:12

嗯IE6出问题一般可以在CSS前加_解决（这个方法叫CSS啥来着。）比如_margin:20px; 就是只有在IE6下有效果不过大多数IE6下的问题都是双倍边距的问题。还有是IE和火狐的不兼容，IE6 7 8整体与火狐出兼容问题可在CSS后加\9如margin:20px\9;这样是只有在IE浏览器下有效果不过，代码规范后基本不会

千问 · 2010-12-18 13:01:12

我现在做的就是网站前台的工作，个人觉得还是比价简单的。关键是你要有一中方法。比如，你可以下载有调试功能的浏览器，还有如果遇到了IE6，IE7等。你可以写一些只让IE6或是IE7只读的样式：_IE6只读，*IE7读。另外就是，你要尽量避免写一些只有部分浏览器支持的样式。还有你要有内心，平时多注意积累，有了经验就不用害怕了。祝你好运，一起加油。。

千问 · 2010-12-18 13:01:12

因为不同浏览器遇到的问题是不一样的！是要通过实践去慢慢的总结，比如说设置了float 然后又设置了margin-left:10px;这样的话在IE6下有时就会产生双倍距离，会变成20px。有好多如一个层在FF下不能自适应高度，需加个overflow或者在父层里加个clear:both;等等……这些你必须亲自去做，去练习，你才能真的正的理解它，记牢它