CSS超链接放置

CSS超链接放置,css,firefox,Css,Firefox,这是网页上的超链接的问题。这是一个CSS问题,该页面中的所有链接都应用了不必要的样式,因此单击链接时会观察到摆动效果。 它在google chrome中打开得很好,但问题在于firefox和IE。所有的超链接在点击时都会晃动(chrome中不会出现这种情况)有些人在点击时会上下移动,有些人会移动很多。我知道这是一个css问题,但我不知道我需要纠正什么。我尝试在firefox中使用firebug,但没有完全弄清楚。 谢谢。似乎元素的状态上有一个页边距顶部:-7px:active状态。 只需将其更改

这是网页上的超链接的问题。这是一个CSS问题,该页面中的所有链接都应用了不必要的样式,因此单击链接时会观察到摆动效果。 它在google chrome中打开得很好,但问题在于firefox和IE。所有的超链接在点击时都会晃动(chrome中不会出现这种情况)有些人在点击时会上下移动,有些人会移动很多。我知道这是一个css问题,但我不知道我需要纠正什么。我尝试在firefox中使用firebug,但没有完全弄清楚。
谢谢。

似乎
元素的
状态上有一个
页边距顶部:-7px
:active
状态。
只需将其更改为
页边距顶部:-9px
。这应该可以解决这个问题。

我认为这是由于一些CSS被继承到所有链接中造成的。当我在custom.css上注释掉“display:block”时使用FireBug,这种跳跃就会消失。但是,它也会影响其他样式。您可能需要改进该样式,以便它不会影响其他链接

主包装li a.活动,#主包装。第一个a:活动{
}

在您的
/themes/mix_and_match/css/custom.css
文件中,有一个
#main wrapper li a.active、#main wrapper的声明。第一个a:active
显示设置为
,并在活动链接上设置一个宽度。看起来您在两个位置使用了
first
类,因此它是以一种意外的方式应用的。
谢谢。这解决了菜单栏中的问题,但其余链接保持不变。我现在有点明白我需要做什么了。谢谢。我用if条件编辑了变量,以便if在不需要时不适用。当你在该实时站点修复了问题后,这个问题将不再对未来的读者有价值-可以吗您制作了一个最小的、完整的、自包含的示例来演示问题,并且可以作为问题本身的一部分存在?我只在这个网站上遇到过这个问题。您想让我将错误和更正的php部分放在一起吗?因为这就是问题的根源。如果你能把问题中“错误”的部分放在某个地方,这将有助于在将来其他人阅读时使它更有用。
background: url("../images/navbkgHover.png") repeat-x scroll left top transparent;
display: block;
height: 15px;
margin-top: -7px;
width: 103px;