<rt id="bn8ez"></rt>
<label id="bn8ez"></label>

  • <span id="bn8ez"></span>

    <label id="bn8ez"><meter id="bn8ez"></meter></label>

    當柳上原的風吹向天際的時候...

    真正的快樂來源于創造

      BlogJava :: 首頁 :: 聯系 :: 聚合  :: 管理
      368 Posts :: 1 Stories :: 201 Comments :: 0 Trackbacks
    通常,我們可以如下所示制作橫向菜單:
    #commonUsedDocumentContainerDiv ul{
        margin
    :0px;
        padding
    :0px;
        list-style-type
    :none;
        vertical-align
    :middle  ;
    }

    #commonUsedDocumentContainerDiv li a
    {
        width
    :130px;  
        height
    :75px;
        line-height
    :32px;
        
        font-family
    :"宋體","Tahoma"; 
        font-size
    :14px;   
        font-weight
    :bold;           
        color
    :#000000;
        
        text-decoration
    :none;
        text-align
    :left;  
        
        background
    :#ffffff;
    }

    #commonUsedDocumentContainerDiv li a:hover
    {
        width
    :130px;  
        height
    :75px;
        line-height
    :32px;
        
        font-family
    :"宋體","Tahoma"; 
        font-size
    :14px;   
        font-weight
    :bold;           
        color
    :#0000ff;
        
        text-decoration
    :none;
        text-align
    :left;  
        
        background
    :#ffffff;
    }

    這樣做,在FF或是ie8以上的版本中,都沒有問題,但是ie6有問題,具體上看來本來應該是一橫排的菜單變成了階梯狀,一下子就難看了。

    這是因為ie6對ul/li的解釋方式所致,要解決這個問題也很簡單,對li的樣式也進行設置就行了,如下的粗體部分:
    #commonUsedDocumentContainerDiv ul{
        margin
    :0px;
        padding
    :0px;
        list-style-type
    :none;
        vertical-align
    :middle  ;
    }

    #commonUsedDocumentContainerDiv li
    {
        float
    :left;
        display
    :block;
        
        width
    :130px;  
        height
    :75px;
        
        background
    :#ffffff;
    }


    #commonUsedDocumentContainerDiv li a
    {
        width
    :130px;  
        height
    :75px;
        line-height
    :32px;
        
        font-family
    :"宋體","Tahoma"; 
        font-size
    :14px;   
        font-weight
    :bold;           
        color
    :#000000;
        
        text-decoration
    :none;
        text-align
    :left;  
        
        background
    :#ffffff;
    }

    #commonUsedDocumentContainerDiv li a:hover
    {
        width
    :130px;  
        height
    :75px;
        line-height
    :32px;
        
        font-family
    :"宋體","Tahoma"; 
        font-size
    :14px;   
        font-weight
    :bold;           
        color
    :#0000ff;
        
        text-decoration
    :none;
        text-align
    :left;  
        
        background
    :#ffffff;
    }

    另外需要注意的是,li a和li a:hover中照樣可以設置display:block,如果li a 或者li a:hover 有背景還非得如此不可,這和網上流傳甚廣的方案不一樣,看來知識不能拿來就用,還需要自己嘗試一下。
    posted on 2012-02-14 15:31 何楊 閱讀(380) 評論(0)  編輯  收藏 所屬分類: CSS
    主站蜘蛛池模板: 国产精品成人免费视频网站京东| a级毛片在线视频免费观看| 最近2019免费中文字幕6| 亚洲AV日韩AV永久无码免下载| 久久99久久成人免费播放| 亚洲日韩VA无码中文字幕| 人妻巨大乳hd免费看| 亚洲人成综合网站7777香蕉| **一级毛片免费完整视| 亚洲福利电影在线观看| 国产一区二区三区亚洲综合| 国产91久久久久久久免费| 日韩毛片免费一二三| 麻豆最新国产剧情AV原创免费| 亚洲成人黄色网址| 免费无码肉片在线观看| 亚洲一日韩欧美中文字幕在线| 丝袜足液精子免费视频| 亚洲VA成无码人在线观看天堂| 98精品全国免费观看视频| 亚洲依依成人精品| 国产精品成人免费综合| 亚洲视频.com| 国产亚洲精品美女| 亚洲伊人色欲综合网| 国产精品亚洲二区在线| 中文字幕在亚洲第一在线| 国产亚洲视频在线| 中文字幕亚洲一区二区va在线| 久久久久国产精品免费网站| 亚洲成人黄色在线观看| 亚洲v国产v天堂a无码久久| 精品成人免费自拍视频| 亚洲一区中文字幕在线观看| 2021精品国产品免费观看| 亚洲色中文字幕在线播放| 中文字幕亚洲第一| 无码国产精品一区二区免费| 特黄特色大片免费| 一级毛片直播亚洲| 污视频在线观看免费|