解决网页效果在各种浏览器上呈现一致[Z]

网页设计师经常遇到设计好的网页，在不同的浏览器下呈现的排版结果不同的窘境。这该如何解决呢?

如果你是采用CSS设计网页样式的话，先采用IE6及Firefox浏览，如果这二个浏览器能正常显示则IE7也会正常显示。
现在我们要解决的是IE6及Firefox

解法：在属性前面加上特殊标记符号 1. * 2. _

IE 7 以前的版本认得 *
IE 6 以前的版本认得 _ 但 IE 7不认得 _
Firefox这二个标记都不认得 * _

所以希望设计师能优先采用 Firefox 浏览，再采用 IE 6 预览。如果有偏移时，就采用特殊标记 * _ 来注解.

譬如//

#sugood {margin-left:10px; _margin-left:-5px;*margin-left:6px;} （不要写错顺序）
属性前面有 _ 的，只有在 IE 6 以前的 浏览器会正常
属性前面有 * 的，只有在 IE 7 会正常
而Firefox只认得margin-left:10px;

接着我们来看看 CSS HACK代码如何写?

1.
height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/

2.
div#sugoodcn{width:200px;} /*-for ff-*/
* html div#sugoodcn{width:180px;} /*-for ie6-*/
*+html div#sugoodcn{width:150px;} /*-for ie7-*/

3.
div#sugoodcn{ height:20px!important; height /**/:25px;} /*-for ff ie6 ie7-*/