1

我有一个网站可以在 Google Chrome 中正常运行，但在其他浏览器（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 上时，我可以看到正确的图像。但它根本不会出现在页面上。

我非常感谢有人查看代码。

提前谢谢了，

4

3 回答 3

4

我无法复制您所看到的内容，但我没有 Firefox 11，但是有几件事：该页面上的标记严重过时。抛弃 <center> 元素等，并摆脱所有已弃用的元素。然后验证标记和样式。我注意到您的第一个 img 有一个结束 </img> 元素...这是无效的，我敢打赌这是导致您的问题的原因。

请记住，验证是您的朋友。

于 2012-04-28T09:12:46.540 回答
2

从引导文档：

需要 HTML5 文档类型

Bootstrap 使用需要使用 HTML5 文档类型的 HTML 元素和 CSS 属性。确保将它包含在项目中每个 Bootstrapped 页面的开头。

目前您有：

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

作为一个文档类型，所以修复它，验证并再次尝试看看它是否有效。

于 2012-04-28T11:37:09.360 回答
0

如果您的图像未在 Firefox 中显示并且它打算占据您的浏览器的整个宽度，请确保添加 class="container-fluid"

于 2014-08-29T22:42:42.630 回答