png图像MIME类型错误cakephp

Question

我有一个位于app/plugins/my_plugin的cakephp应用程序的插件，其中我有一个webroot文件夹，其中包含app/plugins/my_plugin/webroot/img/文件夹中的一些图像。我试图在my_plugin的某个视图中将图像作为跨度的背景。我跨度例如：

<span class="my_span"><p>Content...</p></span> 

我使用的CSS但图像作为背景是：

.my_span 
{ 
    background-image:url('<?php echo $this->Html->image('/my_plugin/img/my_image.png', array('alt' => 'My Image'))?>'); 
} 

当我这样做，我得到以下错误：

Resource interpreted as Image but transferred with MIME type text/html 

但奇怪的是，当我只是试图把图像放在我的span标签中（没有把它作为背景通过CSS），就像：

<span class="my_span"><p><?php echo $this->Html->image('/my_plugin/img/my_image.png', array('alt' => 'My Image'))?></p></span> 

我的图像显示得很好，我没有任何错误。

有人可以告诉我为什么我不能把图像作为我的跨度的背景？

注意：我已经尝试过display:block;或其他一切对我跨度

Answer 1

的问题是，这种代码：

<?php echo $this->Html->image('/my_plugin/img/my_image.png', array('alt' => 'My Image'))?> 

产生这种

<img src="/my_plugin/img/my_image.png" alt="My Image" /> 

你的情况，你想使用此代码：

.my_span 
{ 
    background-image:url(/my_plugin/img/my_image.png); 
} 

参考：here