Question

所以，我现在已经为这个网站编写了大约一个星期的编码，在过去的几天里，我遇到了一个让我疯狂的问题。 Safari，Opera，甚至IE都很好，但在Firefox背景图片中拒绝加载此页面。（这也有点令人尴尬，因为我应该是一名网页设计师，这是我的网站！但我以前从未遇到过这种情况......）

以下是页面：http://www.jimzip.com/sandbox/04/

以下是一些未加载图片的HTML示例：

<section id="sect-example">

<img id="example-bar" src="images/example-bar.gif" />
<a id="an-example" href="images/website-example-01.jpg" rel="lightbox[site-examples]" alt="" /></a>

</section>

和css：


    #sect-example {
        display: block;
        position: fixed;
        top: 1800px;
        height: 307px;
        width: 1024px;
    }

        #an-example {
            position: relative;
            display: block;
            width: 312px;
            height: 285px;
            left: 357px;
            top: 0px;
            background: url("http://www.jimzip.com/sandbox/04/images/may-i-see-an-example.jpg") no-repeat;
            background-position: 0px 0px;
            background-size: 312px 570px;
        }   

        #an-example:hover {
            background-position: 0px -285px;
        }

        #example-bar    {
            position: relative;
            left: 169px;
            top: 140px;
        }

我发现了什么：

正常刷新一次会出现一些顽固的图像，两次刷新修复更多等等。就像它们已经加载但隐藏起来，直到我以某种方式进行交互。

不与firefox'设置有关。在每次加载页面之前，我一直在清除历史记录/缓存/信息等。我甚至每次都试图破坏ff的偏好文件以确保。

我似乎无法发现Firebug中的错误。当我将鼠标悬停在其中一个幻像上时，它在Firebug中加载没问题。

如果我将图像作为硬链接放入html并在那里设置样式，那么它们会出现，但我觉得有必要能够使用bg图像...特别是对于页面中间的图像翻转链接（“我能看到一些例子吗？”图像）。

它可以很好地与javascript一起使用，因为我在页面上运行了很多。但由于Safari，Opera，IE中不存在问题，我必须假设脚本很好，这是一个firefox的东西。

关闭样式后，图片仍然无法加载...直到我点击“刷新”然后惊喜，他们来了。

我能想到的另一种可能性是页面太重了。但这似乎也不正确：参见Safari等人。我已经做了一堆图像处理，并试图让这个页面尽可能小。

这里的任何帮助都将非常非常感谢。我真的需要完成这个！

提前致谢！

Firefox没有加载CSS图像

0 个答案: