2011-12-10 35 views
0

我正在嘗試爲div創建一個活動狀態。我正在嘗試爲div創建一個活動狀態

得到懸停工作,但當我在頁面上的問題主動不會顯示。 我想要實現的是與懸停相同的樣式。

這是div的css。

#fp-design a { width: 240px; height: 47px; float: left; display: block; background:url(images/assets/break.jpg) no-repeat; background-position: top right; } 
#fp-design a:hover { height: 44px; border-bottom: 3px solid #d3028e; text-decoration:none; } 
#fp-design a:active { height: 44px; border-bottom: 3px solid #d3028e; text-decoration:none; } 
#fp-design h2 { height: 20px; font-size: 16px; font-weight: bold; margin: 0; padding: 4px 0 0 12px; text-align: left; color: #FFF; text-decoration:none; } 
#fp-design h3 { height: 11px; font-size: 10px; font-weight: bold; margin: 0; padding: 0 0 0 12px; text-align: left; color: #FFF; text-decoration:none; } 

這裏的頁面代碼

<div id="fp-design"> 
    <a href="<?php bloginfo('url'); ?>/web-design/"><h2>WEB DESIGN</h2> 
    <h3>PROFESSIONAL WEBSITE DESIGN</h3></a> 
</div> 

TIA

回答

1

一:積極的手段 「被按下」。不是「已加載」。那是你在追求什麼?

它看起來有點像你想要div改變外觀,如果一個頁面正在被查看。爲了做到這一點,你需要添加一個類到div,懸停/活動狀態不會這樣做。 a:link =鏈接在頁面上,a:visited =以前被點擊過的鏈接,a:hover =鼠標懸停時的鏈接,a:active =鼠標點擊時的鏈接。

相關問題