css - 在 IE8 中消失的背景图像

Question

我有一些按钮翻转可以在 IE 以外的浏览器中正常工作。我没有使用 JQuery，这也不是 IE6——我还没有在 IE6 中测试过它。它在 IE8 中。

你可以看到这里发生了什么(在 IE 和 Firefox 中看看):

http://www.brighttext.com/socialtech/index.html

我正在使用一种技术，通过更改背景位置来显示一个或另一个按钮以响应鼠标悬停。我已经尝试了为 IE6 问题提出的各种解决方案，但没有任何效果。谁能看到这里发生了什么？为什么我们在 IE 中可以看到主页按钮，而其他按钮却看不到？

代码:

  <ul>
    <li id="homeLink" class="ord"><a href="index.html">Home</a></li>
    <li id="faqLink" class="current"><a href="faq.html">FAQ</a></li>
    <li id="speakersLink" class="ord"><a href="speakers.html">Speaker Info</a></li>
    <li id="sponsorsLink" class="ord"><a href="sponsors.html">Sponsor Info</a></li>
  </ul>

div 中前两个按钮(我为所有四个按钮都这样做)的 css，称为 mastheadLeft:

    #mastheadLeft li#homeLink a {
        height: 32px;
        width: 86px;
        display: block;
        text-indent: -1000em;
        background: url(../images/home_dual.jpg) no-repeat left top ;
        border: none;
    }

    #mastheadLeft li#homeLink.current a {
        background-position: left top;
    }

    #mastheadLeft li#homeLink.current a:hover {
        background-position: left top;
    }

    #mastheadLeft li#homeLink.ord a {
        background-position: left bottom;
    }

    #mastheadLeft li#homeLink.ord a:hover {
        background-position: left top;
    }

    #mastheadLeft li#faqLink a {
        height: 34px;
        width: 75px;
        display: block;
        text-indent: -1000em;
        background: url(../images/faq_dual.jpg) no-repeat left bottom;
        border: none;
    }


    #mastheadLeft li#faqLink.current a {
        background-position: left top;
    }

    #mastheadLeft li#faqLink.current a:hover {
        background-position: left top;
    }

   #mastheadLeft li#faqLink.ord a {
        background-position: left bottom;
    }

    #mastheadLeft li#faqLink.ord a:hover {
        background-position: left top;
    }

Answer 1

我已经尝试了很多东西，包括重新创建您的元素(从给定的站点复制并粘贴您的源代码和 CSS)。从我这边来看，使用我自己的图像，它在 IE 8 和 Firefox 3 中都能完美运行。

我试过了

http://www.brighttext.com/socialtech/images/faq_dual.jpg

在两种浏览器中。它在 firefox 中打开图像，但在 IE 8 中打开一个不可用的图像。所以也许你应该看看你的图像存储在哪里。就像我说的，用我的测试图像，它似乎工作得很好。