日期:2014-05-17  浏览次数:20560 次

为什么在IE6、7下样式不显示
这段代码,为什么“吃早饭”、“吃午饭”的样式不显示
HTML code

<html>
     <style type="text/css">
*{margin:0;padding:0}
body{ font-family:宋体,Arial,Helvetica,sans-serif; font-size:12px; color:#404040;}
a{ text-decoration:none; color:#1a66b3; }
a:hover{text-decoration:underline;color:#1a66b3;}
img{border:0}
* ul,* ol,* li {list-style:none}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal}
.dashed{line-height:1px; height:1px; font-size:0px;}
.dot{ letter-spacing:-3px;}
.clear{ clear:both;line-height:0px;height:0px;font-size:0px;  }
      
       #header {position:absolute; top:30px; left:300px; width:1020px; height:200px; }
       #site-nav{background-repeat:repeat-x;background-position:0 -44px;width:auto;min-width:950px; background-color:#eeeeee;}
       #site-nav-bd{position:relative;width:950px;margin:0 auto;height:22px;line-height:22px;margin:0 auto;padding:2px 0;z-index:10000;color:#000;}
       .h2{font-size: 13px;padding: 2px 20px 2px 20px;}
       .guangyijie{width:109px;height:20px;text-align:center;font-size:14px;}
       article,header,footer,nav{display:block;}
       .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
       .clearfix{display:inline-block;}/* Hides from IE-mac \*/* html 
       .clearfix{height:1%;}
       .clearfix{display:block;}       
       .top-header{width:1000px;height:200px;margin:0 auto;}       
       .top-header .top-banner{width:100%;height:40px;text-align:center;_margin-top:-1px;}
       .top-header .top-banner img{vertical-align:middle;}
       .top-header .masthead{position:relative;width:100%;height:130px;}
       .top-header .piaoyangdehaizeiqi-logo{height:60px;position:absolute;top:30px;left:3px;font-size:60px;font-weight:bold;line-height:60px;margin:0;}
       .top-header .channel-wrap{width:100%;height:55px;border-bottom:2px solid #f27b04;position:relative;}
       .top-header .channel-wrap .vertical-channel{height:24px;padding:31px 0 0 5px;}
       .top-header .channel-wrap .vertical-channel li{font-size:14px;font-weight:bold;float:left;height:24px;line-height:23px;
            line-height:26px\0;*line-height:22px;_line-height:24px;overflow:hidden;}
       .top-header .channel-wrap .vertical-channel a{display:inline-block;}
       .top-header .channel-wrap .vertical-channel a span{padding:0 15px;float:left;color:#d84600;height:24px;vertical-align:middle;
            *height:22px;_height:24px;*padding-top:2px;_padding-top:0;}
       .top-header .channel-wrap .vertical-channel .select{position:relative;margin-right:3px;}
       .top-header .channel-wrap .vertical-channel .select a{background-color:#F27B04;}
       .top-header .channel-wrap .vertical-channel .select a span{color:#FFF;}
       .top-header .channel-wrap .vertical-channel .select .rc-lt,.top-header .channel-wrap .vertical-channel .select .rc-rt{_top:-1px;}
       .top-header .channel-wrap .vertical-channel a:hover{background-position:0 -384px;background-color:#FFF8E2;text-decoration:none;}
       .top-header .channel-wrap .vertical-channel a:hover span{background-position:right -54px;cursor:pointer;}
       .top-header .channel-wrap .vertical-channel .select a:hover{background-image:none;background-color:#F27B04;}
       .top-header .channel-wrap .vertical-channel .select a:hover span{background-image:none;}
        
       .publish_wrapTop {margin-left:30px;width:760px;color:#404040;font:12px/18px "\5b8b\4f53",Arial; }
       .publish_wrapTop a{ text-decoration:none; color:#1a66b3; }
       .publish_wrapTop a:hover{text-decoration:underline}
        
       .slide_adTop {top:10px;border:1px solid #edd8b0;height:126px;margin-bottom:10px;position:relative;width:680px;}
       .slide_adTop .left_page{height:126px;width:30px;position:relative;background-color:#fff0d9;}
       .slide_adTop .left_page .ziti{font-size:17px;