2012-10-22 155 views
0

我必須創建懸停效果,其中當選項卡懸停時,選項卡的整個背景應爲白色。但是從下面的SS,below SS可以看出,懸停影響僅適用於文本部分。CSS:懸停影響

我還附加了Chrome Web開發人員的CSS。

CSS

HTML代碼生成選項卡,

<li> 
    <a class="last_menu" href="#"></a> 
</li> 

我試圖與padding元件調整。但是,文字也隨之而來。我希望文本處於中心位置,並且只能在展開後才能佔據整個標籤空間。

+4

請裁剪您的圖像。它不僅佔用了不必要的空間,實際的內容太小,看不到。 –

+0

你有沒有嘗試過:懸停{background-color:white;}? – manman

+0

http://whathaveyoutried.com/ ?? –

回答

1

安裝Web Developer Toolbar轉到CSS > Display Style Information<ALT+SHIFT+Y>(這是工具欄中的魔杖)。將鼠標懸停在所討論的元素上以獲得它如何呈現的詳細圖片。研究這個。讓它成爲你的朋友。

1

嘗試將一個類應用於列表項本身,然後在懸停僞選擇器下面指定白色背景。