在magento中通过内联css添加图像

在magento中通过内联css添加图像,css,magento,Css,Magento,我正在尝试使用内联css开发一个小部件。内联css包含指向图像的链接,例如{background:url(../img/transparent.png);} 我已将文件夹复制到它的相对文件夹,但它不工作。请帮忙。我使用的是magento版本1.4+ 开始时,使用背景图像而不是背景 使用速记属性时,属性值的顺序为: 背景色 背景图像 背景重复 背景附件 背景位置 如果这不起作用,请尝试右键单击Firefox中的小部件并选择“显示背景图像”。这应该会提示您如何解释相对路径,以及图像是否实际位于该

我正在尝试使用内联css开发一个小部件。内联css包含指向图像的链接,例如{background:url(../img/transparent.png);}
我已将文件夹复制到它的相对文件夹,但它不工作。请帮忙。我使用的是magento版本1.4+

开始时,使用
背景图像
而不是
背景

使用速记属性时,属性值的顺序为:

  • 背景色
  • 背景图像
  • 背景重复
  • 背景附件
  • 背景位置

如果这不起作用,请尝试右键单击Firefox中的小部件并选择“显示背景图像”。这应该会提示您如何解释相对路径,以及图像是否实际位于该位置。

我认为您的问题在于尝试使用“../images/image.jpg”相对地访问图像url,以及magento在呈现小部件时如何解释


为什么不尝试一个绝对路径,而不是沿着“/app/code/local/widget/images/image.jpg”

的行,如果我猜得好的话,您正在尝试在phtml文件中使用一些皮肤图像“内联”呢。诀窍是调用正确的目录。如果我很理解你的问题,正确的答案是:

<div style="background-image: url(<?php echo $this->getSkinUrl('img/transparent.png'); ?>)">Div content</div>
然后,上述代码将在前端呈现为:

<div style="background-image: url(http://YOURDOMAIN/skin/YOURTHEME/YOURVIEW/img/transparent.png)">Div content</div>
Div内容

我没有任何小部件可以看到图像,因为所有免费的小部件都是通过pear下载的,其中大多数都使用phtml文件和布局文件,我想使用内联css。@prateek你对我没有意义。你的问题是什么?我正在开发一个小部件,我正在使用内联css,因为我正在使用上面的图像。但是我的图像没有显示在页面上。小部件图像的相对url出现问题。@prateek那么是什么阻止您调试所述问题?我正在尝试。。。但是没有解决它。现在尝试使用一些布局文件。你能帮忙吗?
<div style="background-image: url(http://YOURDOMAIN/skin/YOURTHEME/YOURVIEW/img/transparent.png)">Div content</div>