全部, 我知道这个问题已被提出,可能与我的问题最相关的一个是:
Resource interpreted as other but transferred with MIME type text/javascript?
我的情况是我有一个附加了一些jquery的背景图像来显示移动菜单。这目前不适用于iPad / iPhone。我正在使用Chrome中的开发者工具基本上镜像和iPhone 5显示重新创建错误,以便我可以在控制台中看到错误。
我不断获得的警告是资源被解释为图像,但使用MIME类型text / 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;
任何人对如何解决这个问题都有任何想法?
谢谢!