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

png图像mime类型错误cakephp

1 个答案: