2017-08-14 175 views
-1

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

回答

0

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

HTML

<body class="home">...

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

CSS

.home li.home { ... }

.other li.other { ... }

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

0

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

希望這會有所幫助!