【问题标题】:Images & Hyperlink Borders - Ghost 1px x 1px Border图像和超链接边框 - Ghost 1px x 1px 边框
【发布时间】:2010-09-19 20:06:51
【问题描述】:

我有一个包含在锚标记中的图像,该标记通过 jQuery 触发页面上其他位置的操作。当我点击图片时,图片的左上角和下角会出现两个 1px x 1px 的小框。

我的 CSS 样式明确声明图像没有边框:a,img { border: 0; }

这似乎也只发生在 Firefox 3 中。其他人有这个问题吗?


这是图像左侧部分的屏幕截图(图形为白色背景):

alt text http://neezer.net/img/ss.png

它不是背景,也不是任何其他元素的边框。我查过了。

【问题讨论】:

  • 您说的是链接处于活动状态时可见的虚线边框吗?
  • 如果是这样,试试 -moz-outline: none;

标签: html css border firefox-3


【解决方案1】:

你的锚标签是在下面还是在上面?

在这种情况下将 a 和 a:hover 设置为 text-decoration: none。

发生在我身上,它是两个小盒子的原因是因为元素的宽度没有完全扩展,或者其他什么。

祝你好运!

D'oh:我看到它是左上框和左下框。可能是其他东西,例如偷看的包含元素的背景或边框。

【讨论】:

    【解决方案2】:

    您是否也尝试过设置 border-style:none;?这是一个很长的镜头,但你永远不会知道......

    【讨论】:

      【解决方案3】:

      锚元素的显示属性是什么?您可以尝试将显示属性设置为“块”,并确保将内部 IMG 元素浮动设置设置为“无”。

      【讨论】:

        【解决方案4】:

        我将此归结为 Firefox 3 和 jQuery 1.2.6 的一个错误,因为我还没有在任何其他版本的 Firefox 或 jQuery 上复制它。

        【讨论】:

          猜你喜欢
          • 2013-09-05
          • 2012-11-22
          • 2013-04-06
          • 1970-01-01
          • 2019-06-17
          • 2012-12-03
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          相关资源
          最近更新 更多