2011-07-28 88 views
0

我们正在创建我们的文章页面,并且MAIN div包含文章。我做了一个小提琴:Css帮助,报告链接

http://jsfiddle.net/ozzy/UqwUp/1/

我有(过右下角悬停)

该链接,如果用户将鼠标悬停在该特定区域才会出现这个问题。我想要的是链接出现,如果他们鼠标在主div的任何地方。

它驱使我疯狂大声笑。

任何帮助表示赞赏。

澄清:

,除非你将鼠标悬停在DIV,我不想在所有可见的链接。

回答

3

你的CSS:

#mainPane .reportThisLink a { 
    color: #FFFFFF; 
    text-decoration: none; 
} 

这意味着该链接是存在的,但在白色。设置颜色为其他:)

+0

我不希望链接或文本被看到,除非用户悬停在div – 422

+0

哦,我明白了。在这种情况下,您想要执行'#mainPane:hover .reportThisLink {color:#ec008c!important; }'而不是'#mainPane .reportThisLink a:hover {color:#ec008c!important; }'。请注意,旧版IE不支持:悬停在标签以外的任何其他位置,所以如果你走这条路线,你将不得不使用javascript来填充它! – Sajid

+0

完美的感谢...多数民众赞成在固定:) – 422

0

您可以使用javascript来捕捉该div上的悬停事件,然后使该链接显示出来。 这将是最简单的事情,但如果您现在不在网站上使用JS框架,它可能会增加页面加载时间。

只是一个想法。

+0

这是一个简单的CSS问题,Sajid确定。 JavaScript不是解决方案。 –