代码之家  ›  专栏  ›  技术社区  ›  Glenn Slaven

当内联元素跨越2行时,阻止背景图像在IE中消失

  •  0
  • Glenn Slaven  · 技术社区  · 15 年前

    On this page 有一个页脚链接列表,其中有一个小背景图像,用于将破折号放在每个页脚链接之前。这在FireFox中运行良好,但在IE6、7&8跨越两行的项目(给予雇主的工作场所)的背景图像消失。这是为什么&有人知道怎么修吗?

    1 回复  |  直到 15 年前
        1
  •  1
  •   Pat    15 年前

    我以前见过这种情况,虽然我不知道它发生的原因,但您可以通过将CSS更改为以下内容来修复它:

    #mainlevel-nav li {
       background: url(../images/arrow-vline.gif) no-repeat 0 3px;
    }
    

    3px是图像的垂直位置,因此您需要调整它,直到图形看起来居中为止。

    #mainlevel-nav li {
       background: url(../images/arrow-vline.gif) no-repeat left center;
       zoom: 1;
    }