2014-02-28 51 views
0

所以我使用這個男人的代碼http://www.lwis.net/free-css-drop-down-menu/ 我想讓菜單欄伸展我的頁面的整個寬度。Navbar拉伸我的頁面的整個寬度

我使用nvidia主題,您可以通過下載上面鏈接的zip文件找到原始代碼。

小提琴 http://jsfiddle.net/6Yy4R/

CSS代碼

ul.dropdown { 
    font: normal 16px "Square", Arial, Helvetica, sans-serif; 
    text-transform: uppercase; 
} 

ul.dropdown li { 
    padding: 7px 0; 
    background-color: #000; 
    color: #fff; 
    line-height: normal; 
} 

ul.dropdown a:link, 
ul.dropdown a:visited { color: #fff; text-decoration: none; } 
ul.dropdown a:hover { color: #005CE6; text-decoration: none; } 
ul.dropdown a:active { color: #fff; } 


ul.dropdown ul { 
    width: 170px; 
    background-color: #333; 
    color: #fff; 
    font-size: 12px; 
    text-transform: none; 
    filter: alpha(opacity=90); 
    -moz-opacity: .9; 
    KhtmlOpacity: .9; 
    opacity: .9; 
} 

ul.dropdown ul li { 
    background-color: transparent; 
    color: #000; 
    filter: none; 
} 

ul.dropdown ul li.hover, 
ul.dropdown ul li:hover { 
    background-color: transparent; 
} 

ul.dropdown ul a:link, 
ul.dropdown ul a:visited { color: #fff; } 
ul.dropdown ul a:hover { color: #fff; text-decoration: none; } 
ul.dropdown ul a:active { color: #fff; } 

ul.dropdown *.dir { 
    padding-right: 12px; 
    background-image: none; 
    background-position: 100% 50%; 
    background-repeat: no-repeat; 
} 

ul.dropdown li a { 
    display: block; 
    padding: 7px 14px; 
} 


/* -- Base style override -- */ 

ul.dropdown li { 
padding: 0; 
} 


/* -- Base style reinitiate: post-override activities -- */ 

ul.dropdown li.dir { 
padding: 7px 20px 7px 14px; 
} 

ul.dropdown ul li.dir { 
padding-right: 15px; 
} 


/* -- Custom -- */ 

ul.dropdown ul a { 
padding: 4px 5px 4px 14px; 
width: 151px; /* Especially for IE */ 
} 

ul.dropdown ul a:hover { 
background-color: #005CE6; 
} 


/* -- Drop-down open -- */ 

ul.dropdown li:hover > a.dir { 
background-color: #2e2e2e; 
color: #005CE6; 
} 

ul.dropdown ul li:hover > a.dir { 
background-color: #76b900; 
color: #fff; 
} 
+5

請在小提琴中提供你的'HTML' – Siyah

+0

目前還不清楚你想要做什麼。 –

+0

你可以檢查小提琴,小提琴說清楚。我想使導航欄覆蓋我的頁面寬度 – nottezio

回答

1

如果它只是一個你需要清除花車和應用背景顏色

JSFiddle

具有 ul是全寬度的情況下,
ul.dropdown { 
    background-color: #f00; 
    overflow:hidden; /* quick clearfix */ 
} 
+0

忘記提及,我使用此代碼http://jsfiddle.net/jArKR/使導航欄居中。由於溢出:隱藏我不能看到從我的導航欄下拉菜單,沒有溢出標籤bgcolor不工作 – nottezio

相關問題