<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
    主站蜘蛛池模板: 亚洲欧洲精品久久| 亚洲色婷婷六月亚洲婷婷6月| 日韩精品一区二区亚洲AV观看 | 亚洲暴爽av人人爽日日碰| 免费A级毛片无码无遮挡内射| 亚洲无线一二三四区| 91免费资源网站入口| 亚洲丁香婷婷综合久久| 国产高清视频在线免费观看| 天天综合亚洲色在线精品| 亚洲精品国产精品乱码不卞| yellow视频免费看| 国产AV无码专区亚洲AV漫画 | 国产a视频精品免费观看| 亚洲妇女熟BBW| 免费国产高清视频| 一区二区三区免费看| 亚洲成A人片777777| 亚洲黄色免费网站| 亚洲中文字幕久久精品蜜桃| 可以免费观看一级毛片黄a| 国产乱子伦精品免费视频| 亚洲国产一区二区a毛片| 一个人在线观看视频免费| 国产亚洲精品美女2020久久 | 国产在线a免费观看| 国产亚洲Av综合人人澡精品| 亚洲中文字幕无码久久2017 | 亚洲日韩乱码久久久久久| 成年女人看片免费视频播放器 | A片在线免费观看| 亚洲成人福利在线观看| 国产无遮挡吃胸膜奶免费看 | 亚洲av午夜精品一区二区三区| 男女一边桶一边摸一边脱视频免费| 亚洲男人的天堂在线播放| 成年轻人网站色免费看| a毛片全部免费播放| 亚洲小说图区综合在线| 亚洲综合色婷婷七月丁香| 美女视频黄a视频全免费|