如何讓我的整個盒子在懸停時變成白色

我希望有人可以花一分鐘時間查看我的響應式網頁，並讓我知道我需要寫些什麼CSS規則才能將盒子保持在摺疊狀態菜單在懸停時變成完全白色。我看不到我的白色txt鏈接。我想這個規則，也沒有工作：如何讓我的整個盒子在懸停時變成白色

.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a:hover { 
    text-decoration:none; 
}

如果調整您的瀏覽器，直到頂部導航崩潰，你會明白我的意思，當你打開摺疊菜單和懸停。

Page I'm creating is here:

使用TW引導 - 任何幫助將不勝感激。

感謝

來源

2014-01-31 Skeeter

'.navbar .nav> LI>：懸停{文字修飾：無; }' – mint

@mint這是錯誤的...... – Ming

@setek：是不是會覆蓋'text-decoration：underline;'規則？ – mint

您需要覆蓋相應媒體查詢的樣式。只有當它倒塌目標菜單，你可以這樣做：

@media (max-width: 979px) { 
    .nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus { 
     background-color: transparent; 
    { 
}

或者，如果你要普遍適用它的所有決議案：

.nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus { 
    background-color: transparent; 
{

來源

2014-01-31 05:58:57

添加一行：

background-color: transparent;

的規則：

.navbar .nav > li > a:hover { ... }

..這是你的「主要的.css」的第43行（爲什麼出現主文件之前和文件之前的空間分機？）

來源

2014-01-31 05:55:58 Ming

（爲什麼在main和after ext之前有空格？）我不知道。我使用了Dreamweaver的鏈接工具。這就是它做到的。如果我把空間拿出來，風格就會消失。我必須對此進行調查。感謝您指出。 – Skeeter

沒錯。你的文件名是'main .css'，而不是'main.css' ...這不是任何問題的原因，它只是......在網絡上的文件名中放置空格不太好。 – Ming

如果從文件名中取出空格，則必須將HTML中的鏈接更新爲新文件名。 – Ming

如何讓我的整個盒子在懸停時變成白色

回答

相關問題