资源解释为图像,但使用MIME类型text / html传输为背景图像

时间:2013-04-29 19:58:52

标签: jquery css

全部, 我知道这个问题已被提出,可能与我的问题最相关的一个是:

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;

任何人对如何解决这个问题都有任何想法?

谢谢!

0 个答案:

没有答案