2012-07-03 70 views
1

我已经开发了一个真正的基本网站为家人的朋友。现在已经准备好在Windows 7浏览器上解决一个小问题了。背景图像不显示在Windows 7浏览器

我不是很有经验的为Windows 7平台设计的经验,并且已经空白。我也没有自己的Windows 7机器,必须在工作中检查,这使得调试变得棘手。

这里的URL-

pipecoproducts.com

问题与背景图像,它们显示在我测试的所有其他平台,而不是Windows 7的形象在Photoshop中创建添加白色冲洗它,让内容显示在顶部。它被保存为一个PNG文件。

下面是用来打开背景图像的CSS,但我不明白为什么Windows 7的浏览器不喜欢它 -

#main { 
    background-image:url("/img/backgrounds/pipeco.png"); 
    background-repeat:no-repeat; 
} 

没有人有解决这个的方法吗?

在此先感谢。

尼克

+0

您试过了哪些Windows 7浏览器?似乎在Win 7的Firefox上工作正常。 – Spinner

+0

我试过Safari,FF,Chrome和IE。明天现在我已经减少了文件大小。 – goose

回答

2

在Internet Explorer上测试了这个在我的Windows 7 PC上的9,Chrome浏览器和Firefox,图像在这里工作没有任何问题。

似乎问题奠定了你身边而不是你的代码,虽然我已经注意到你的背景图像是1MB,这对于背景来说真的很大,也许图像停止加载适当的尺寸或者你没有等了很久。

+0

啊我明白了。我没有考虑过这个文件的大小。我会寻找方法来减少那。我不确定是否看到任何页面仍在载入,但我明天会检查并查找与我的浏览器相关的问题。至少知道它至少对某人有用是令人欣慰的。谢谢。 – goose

+0

此外,只是想评论一般浏览器的功能是一致的从一个平台到另一个(尽管渲染页面可能会略有不同)。 – jkinz

+0

我当然没有意识到这一点 - 你会扩展它吗?你是否说过,对于同一版本的FF(例如),Windows机器/ Mac上的功能将完全相同?至于说这是浏览器版本呢? – goose

0

您的工作计算机/网络是否有某种可能阻止访问图像文件的网页过滤软件?否则,正如EliotVU所说,1MB太大了,尤其是对于背景图片。在一个缓慢的连接上,它可能只是花了很长时间才能加载,你认为它不会出现。

+0

我已经设法通过将图像更改为低质量的GIF来将图像缩小到大约400k。我不知道是否有人知道如何让它变小,如果是的话,请随意选择。该页面虽然完成加载。 – goose

+0

如果您直接通过Windows 7浏览器访问背景图片,是否显示背景图片 - 例如直接浏览http://pipecoproducts.com/img/backgrounds/pipeco.gif? – Spinner