解决div+css在IE6-IE9及Firefox兼容问题的技巧

"(十年积累)div+css_完全兼容ie6_ie7_IE8_IE9_和firefox方法.doc" 本文档是关于使用div+css进行网页布局，并实现与多个浏览器（包括IE6、IE7、IE8、IE9及Firefox）兼容的实践经验总结。通过巧妙的CSS写法，开发者可以确保在不同浏览器上展示一致的效果。 首先，文档提到了一种通用的浏览器兼容代码模式：`*!important_\9*html*+html`。这里的各个符号分别代表对不同浏览器的识别情况。例如，星号`*`通常用于IE6和IE7，`!important`在IE7和Firefox中起作用，`\9`是IE8的特有识别符，而`*html`和`*+html`则是针对IE6和IE7的hack。 接着，文档展示了两个具体的案例： 1. 案例一处理不同浏览器下的高度差异： 这个例子中，`.warp`类的CSS样式被用来处理不同浏览器的高度。首先，`Height:100px;`是所有浏览器都能识别的，`Height:110px\9;`只在IE8中生效，`*height:120px!important;`适用于IE7，而`*height:130px;`则被IE6识别，但由于`!important`的存在，只有IE6最终会应用130px的高度。 2. 案例二解决FF和IE的居中问题： 这个例子涉及如何在Firefox和IE中实现元素的水平和垂直居中。Firefox可以通过设置`margin-left`和`margin-right`为`auto`来居中元素，而IE则需要结合`text-align`属性。对于垂直居中，可以使用`vertical-align:middle;`和`line-height`，但是要注意控制内容不要换行。此外，为了在Firefox中设置特别的样式，可以利用`!important`，而在IE中，`!important`会被忽略。 文档还提到了一些其他CSS技巧，比如在Firefox中使用`cursor:pointer`显示手指状的鼠标指针，以及在IE中使用`cursor:hand;`，但`hand`只在IE下有效。 这份文档提供了实用的CSS兼容性解决方案，帮助开发者在设计网页时，避免因浏览器差异导致的布局问题，实现跨浏览器的一致性。通过理解和应用这些技巧，开发者可以提升网站的用户体验，确保在不同浏览器环境下的正常显示。