保持CSS懸停點擊元素時，與本站加載

網站導航HTML：保持CSS懸停點擊元素時，與本站加載

<div class="main_nav"> 
    <div><a href="home/">Home</a></div> 
    <div><a href="company/">Company</a></div> 
    <div class="active"><a href="franchise/">Franchise</a></div> 
</div>

當鏈路懸停它得到一個特定的背景色。

我的問題是，我怎樣才能保持這種懸停狀態，而點擊頁面加載和舊仍然顯示？我的意思是你懸停一個鏈接項目，背景變化，你點擊背景更改爲默認，並且新網站開始加載。

當新頁面加載速度很快時，這並不是必需的，所以您沒有真正看到區別。不過，我很想知道這是否可能只用css技術。

任何想法？

我的CSS：

.header_wrapper .main_nav div a:link{ 
    display:block; 
    text-decoration:none; 
    color:#f5f5f5; 
} 

.header_wrapper .main_nav div.active a:link{ 
    color:#f5f5f5; 
    background: url(images/layout/main_nav_bg_hover.png) repeat-x; 
} 

.header_wrapper .main_nav div a:hover{ 
    color:#f5f5f5; 
    background: url(images/layout/main_nav_bg_hover.png) repeat-x; 
} 

.header_wrapper .main_nav div a:focus{ 
    color:#f5f5f5; 
    background: url(images/layout/main_nav_bg_hover.png) repeat-x; 
}

來源

2012-07-23 Lost in OWL

使用焦點元素在你的錨標記 – 2012-07-23 04:54:46

一：聚焦{/ *樣式去這裏* /;} – 2012-07-23 04:56:01

請張貼這個答案並舉例。我嘗試着沒有成功的重點。 – 2012-07-23 04:58:44

嘿，現在用於對焦性能像這樣

a:focus{ 
// css properties 
}

直播demo

來源

2012-07-23 04:59:55

你可以看看我的CSS，重點不適合我 – 2012-07-23 05:28:51

@ArtWorkAD檢查現場演示它的工作http://jsfiddle.net/SB7dn/3/ – 2012-07-23 05:33:38

嘗試這樣的..

如果你有一個類別爲您的<a>標籤比使用此：

a.classname:focus { 
    color: /*whatever you want*/ ; 
}

如果你想申請的所有<a>不是使用這樣的：

a:focus { 
    color: /*whatever you want*/ ; 
}

來源

2012-07-23 05:03:59

試試這個：

<div class="<?=($_REQUEST['args'] == 'franchise')?'active': ''?>"><a href="franchise/">Franchise</a></div>

來源

2012-07-23 05:07:29 arhakim

從來沒有說過，任何人都使用PHP。 – wecsam 2012-07-23 05:13:39

保持CSS懸停點擊元素時，與本站加載

回答

相關問題