0

总而言之，我知道这个问题已经被问过了，可能与我的问题最相关的是这个问题：

资源解释为其他但使用 MIME 类型文本/javascript 传输？

我的情况是我有一个背景图像，它附加了一些 jquery 来显示移动菜单。这目前不适用于 iPad/iPhone。我正在使用 Chrome 中的开发人员工具进行镜像，并使用 iPhone 5 显示重新创建错误，以便我可以在控制台中看到错误。

我不断收到的警告是资源被解释为图像但使用 MIME 类型文本/html 传输。

填充菜单项的代码如下：

<nav id="mobile-menu-container" role="navigation" class="site-navigation mobile-navigation">
<ul id="mobile-menu-dropdown"><li>Browse</li></ul>
<div class="menu-mobile-menu-container">
<ul id="mobile-menu" class="menu">
<li id="menu-item-122" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-122">
<a href="http://website.com/">Home</a>
</li>
</ul>
</div>  
</nav>

我认为有以下CSS：

#mobile-menu-container {
padding: 0;
float: none;
text-align: center;
display: block;
}

#mobile-menu-container #mobile-menu-dropdown {
display: block;
}

#mobile-menu-container #mobile-menu-dropdown li {
cursor: pointer;
margin-right: 0;
background: url('../images/menu.png?1350393124') center right no-repeat;
border-top: none;
}

我认为导致我问题的线路是这一行：

background: url('../images/menu.png?1350393124') center right no-repeat;

有人对如何解决这个问题有任何想法吗？

谢谢！

4

0 回答 0