CSS 浏览器兼容

1.  兼容 IF

    <!--[if lte IE 7]>
    <style type="text/css">
     .menu
     {
        position:relative;
            z-index:999;
     }
    </style>
     <![endif]-->
    <!--[if lte IE 6]>
    <style type="text/css">
    /* styling specific to Internet Explorer IE5.5 and IE6. Yet to see if IE7 handles li:hover */
    /* Get rid of any default table style */
    table {
    border-collapse:collapse;
    margin:0; 
    padding:0;
    }
    /* ignore the link used by 'other browsers' */
    .menu ul li a.hide, .menu ul li a:visited.hide {
    display:none;
    }
    /* set the background and foreground color of the main menu link on hover */
    .menu ul li a:hover {
    color:#fff; 
    background:#b3ab79;
    }
    /* make the sub menu ul visible and position it beneath the main menu list item */
    .menu ul li a:hover ul {
    display:block; 
    position:absolute; 
    top:32px; 
    left:0; 
    width:105px;
    }
    /* style the background and foreground color of the submenu links */
    .menu ul li a:hover ul li a {
    background:#faeec7; 
    color:#000;
    }
    /* style the background and forground colors of the links on hover */
    .menu ul li a:hover ul li a:hover {
    background:#dfc184; 
    color:#000;
    }
    </style>
<![endif]-->