2012-04-28 176 views
1

我有一个网站,可以在Google Chrome中正常运行,但在其他浏览器(Firefox,Safari)中无法正常运行。Twitter引导程序 - 图像不显示

我有一个问题,下面的代码段:

 <div class="span2"> 
      <img src="./images/ads/karaoke.png" /> 
      <br><br><br> 
      <img src="./images/ads/euros.png" /> 
      <br><br><br><br> 
      <img src="./images/ads/parties.png" /> 
      <br><br><br><br> 
      <img src="./images/ads/traleeDynamos.png" /> 
     </div> 

正如你所看到的,我沿线站点的右侧显示4张图像。但图像不会在Firefox中呈现!

我在做什么错?

图像显示在Firebug中,当我将鼠标悬停在Firebug上时,我可以看到正确的图像。但它不会出现在页面上。

我真的很感谢有人在看代码。

提前许多感谢,

+1

作品在这里很好,也许尝试清除缓存? – 2012-04-28 09:05:12

+0

真的吗?在Firefox上? – Eamorr 2012-04-28 09:07:10

+0

是的,在Firefox 11上 – 2012-04-28 09:08:08

回答

2

从引导documentation

需要HTML5的doctype

引导利用HTML元素和CSS属性需要 使用HTML5的doctype的。请确保将其包含在项目中每个Bootstrapped页面的开头 处。

目前您有:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN"> 

作为文档类型,所以解决这个问题,验证,然后再试一次,看看它是否工作。

+0

试图更改文档类型 - 没有工作。 – Eamorr 2012-04-28 11:59:05

+0

@Eamorr图片现在在FF3.6.17上发布,请尝试清除缓存。 – 2012-04-28 12:03:16

+1

@Eamorr也将出现在IE8,Chrome16和Safari中。 – 2012-04-28 12:04:04

3

我不能复制你看到的,但我没有Firefox的11这样做,不过,几件事情:该网页上的标记是严重过时。沟<中心>元素等,并摆脱所有弃用的元素。然后验证标记和样式。我注意到你的第一个img有一个关闭</img >元素...这是无效的,我敢打赌,这是什么导致你的问题。

记住,验证是你的朋友。

0

如果图像是不能在Firefox显示,它是为了把你的浏览器的整个宽度,请确保您添加类=“容器流体”