將焦點設置在導航欄上

-1

有誰知道我可以使用哪些CSS和HTML代碼，將焦點置於導航欄上。換句話說，當用戶在主頁上時，我希望頁面選項卡（如主頁）突出顯示。如果用戶轉到聯繫頁面，則應突出顯示聯繫頁面導航欄選項卡。將焦點設置在導航欄上

2017-08-14 Recency

你可以在HTML/CCS中做到這一點，讓你的頁面有類或ID。使用家用例如：

HTML

<body class="home">...

<li class="home>...</li><li class="other>...</li>

CSS

.home li.home { ... }

.other li.other { ... }

這將不會設置:focus，但它會給你你想要的視覺效果。

2017-08-14 15:15:01 Alex

您可以使用某種類的鏈接。一個例子是有一個active類，它有一些outline影響，或有不同的background-color。但是你不能通過使用HTML/CSS來實現這一點，你需要一些JavaScript來添加和刪除這個類，這取決於你在頁面上的位置。

希望這會有所幫助！

2017-08-14 15:09:24

回答