CSS超链接放置

时间:2011-12-21 15:02:16

标签: css firefox

这是网页上的超链接问题。这是一个CSS问题,其中不必要的样式被应用于该页面中的所有链接,因此在单击链接时会观察到扭曲效果。 它在谷歌浏览器中打开很好但问题是firefox和IE。点击时所有的超链接似乎都在摆动(Chrome不会发生这种情况),点击时会有一些上下移动,有些移动很多。我知道这是一个CSS问题,但我不知道我需要纠正什么。我试过在firefox中使用firebug但是并不是很明白。 感谢。

3 个答案:

答案 0 :(得分:1)

似乎margin-top:-7px :active元素的a状态margin-top:-9px。 只需将其更改为{{1}}即可。这应该可以解决问题。

答案 1 :(得分:0)

我认为这是由于某些CSS继承到您的所有链接所致。当我在custom.css上注释掉'display:block'时,使用FireBug,这种跳跃消失了。但是,它也会影响其他风格。您可能必须优化该样式,以免影响其他链接。

main-wrapper li a.active,#main-wrapper .first a:active {

background: url("../images/navbkgHover.png") repeat-x scroll left top transparent;
display: block;
height: 15px;
margin-top: -7px;
width: 103px;

}

答案 2 :(得分:0)

/themes/mix_and_match/css/custom.css文件中,有一个#main-wrapper li a.active, #main-wrapper .first a:active声明,其将display设置为block并在活动链接上放置宽度。看起来您在2个地方使用first类,因此它以非预期的方式应用。 <div id="block-system-main块有一个第一类,它将使下面的任何活动链接都采用这种风格。