2012-10-22 142 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

尝试将一个类应用于列表项本身,然后在悬停伪选择器下面指定白色背景。