Twitter引导 - 图片不显示 [英] Twitter bootstrap - images not showing
问题描述
我有一个在谷歌浏览器中运行正常的网站,但在其他浏览器(Firefox,Safari)中没有。代码:
< 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上时,我可以看到正确的图像。但它不会出现在页面上。
我真的很感谢有人在查看代码。
非常感谢,
从bootstrap 文档:
需要HTML5文档类型
Bootstrap使用HTML元素和CSS属性,需要
使用HTML5文档类型。请确保将其包含在项目中每个引导页面的
开头。
目前您拥有:
<!DOCTYPE HTML PUBLIC - // W3C // DTD HTML 4.01 // EN>
作为一个文档类型,修复它,验证并再次尝试以查看它是否有效。
I have a website which works fine in Google Chrome, but not in other browsers (Firefox, Safari).
I'm having a problem with the following section of code:
<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>
As you can see, I'm displaying 4 images along the right hand side of the site. But the images won't render in Firefox!!!
What am I doing wrong?
The images show up in Firebug and when I hover over the in Firebug, I can see the correct image. But it simply will not appear on the page.
I'd really appreciate someone looking at the code.
Many thanks in advance,
From the bootstrap documentation:
Requires HTML5 doctype
Bootstrap makes use of HTML elements and CSS properties that require the use of the HTML5 doctype. Be sure to include it at the beginning of every Bootstrapped page in your project.
Currently you have:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 //EN">
As a doctype, so fix that, validate and try again to see if it works.
这篇关于Twitter引导 - 图片不显示的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!