Github页面没有显示我的div里面的图像

我创建了一个新的repo并上传了所有文件，但是我的索引文件中的div id =“Container”中的图像没有显示出来。 https://github.com/hkhan194/tres-chic/tree/gh-pages Github页面没有显示我的div里面的图像

我研究了关于此事的所有其他问题，并试用了它们，但仍未显示图像。

2016-11-09 Hkhan

GitHub是一个上传代码的平台，它不会“运行”你的代码。相反，如果您使用的是Markdown，那么您可以在标记中进行上传图片等操作。希望帮助！ –

@Hhan ...只是检查图像。我怀疑图像文件可能被损坏。尝试访问图片网址路径https://github.com/hkhan194/tres-chic/blob/gh-pages/img/brands/burberry.jpg。它不会显示图像本身。 – Selvam

@Hkhan我曾尝试在IE和谷歌浏览器的链接，

在IE中：

您的网站工作正常，也越来越显示的图像。

在谷歌浏览器：

没有得到显示的图像，当我检查了控制台，我收到此错误

错误：混合内容：在“https://hkhan194.github.io/tres-chic/”的页面通过HTTPS加载，但请求一个不安全的脚本'http://cdn.jsdelivr.net/jquery.mixitup/latest/jquery.mixitup.min.js'。此请求已被阻止;内容必须通过HTTPS提供。

解决方案：

看来，谷歌浏览器不允许接受来自你所提到的JS链接脚本。
所以“mixItUp不是函数”错误是由于mixItUp函数来自前一个JS文件而引发的。
所以，你可以保存javascript文件如在一个特定的路径你的GitHub“jquery.mixitup.min.js”，然后包括你的索引文件标签的JavaScript，如下图所示，

<script src="Your path/jquery.mixitup.min.js"></script>

2016-11-10 03:52:37 GraveyardQueen

此外对此，您可以使用“https：//”CDN连接来防止“混合内容”错误。 – Dandy

哈哈是的，它使用https：//谢谢你 – Hkhan

首先，这不是一个真正的GitHub页面问题。 GitHub页面只是托管你的文件。这实际上是一个关于HTML的问题。

其次，如果您发布MCVE，那么运气会好得多。在你的情况下，这将是一个较小的测试页面，只显示一个图像。

话虽这么说，我建议要生成的HTML文件：https://hkhan194.github.io/tres-chic/

在该页面的任意位置单击鼠标右键，然后去“检查元素”。这将打开一个窗口，让您浏览页面元素，查看您遇到的任何错误，并查看网络上发生的情况。我使用的是Chrome，但每个浏览器都应该有一些非常相似的东西。

在网络选项卡上，请注意您的一些图像文件未找到。这些似乎是拼写错误的结果：JPG或jpeg而不是jpg，那种事情。

然后在元素选项卡上找到您的产品网格。注意它的高度是0，这看起来不正确。然后进入div class="mix category-*"标签并注意它们都有display的none！

问题是你的CSS设置为#Container .mix到display:none，这将阻止它们被显示。

请尝试使用此窗口探索您的页面的习惯，并尝试了解GitHub Page正在做什么和您的HTML正在做什么之间的区别。如果您还有其他问题，请尝试将问题缩小到较小的示例页面。祝你好运。

2016-11-09 13:35:13

感谢您的想法，我确实使用之前的检查检查了网页和网页上的元素。 disply的原因：没有什么是隐藏图片进行过滤，当点击按钮时，这里是运行在不同主机服务上的页面http://emporium-stylist.com/index.html（不介意这个url哈哈） – Hkhan

回答