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

我正在尝试使用内联css开发小部件。内联CSS包含图像的链接，例如{background：url（../ img/transparent.png）;} 我已将该文件夹复制到相对文件夹中，但它不起作用。请任何帮助。我正在使用magento 1.4+版本。在magento中通过内联css添加图像

2010-06-27 d3vdpro

开始，使用background-image代替backgroundbecause

当使用速记属性的属性值的顺序是：

背景色

背景图像

background-repeat

background-attachment

背景位置

如果还是不行，请尝试用鼠标右键单击在Firefox窗口小部件并选择“显示背景图片”。这应该给你提示如何解释相对路径，以及图像是否实际上位于该位置。

2010-06-27 15:02:01

我没有任何小部件来查看图像，因为所有免费的图片都是通过pear下载的，其中大部分使用phtml文件和布局文件，我想使用内联css。 – d3vdpro 2010-06-27 15:13:22

@prateek你对我没有意义。你的问题或问题到底是什么？ – 2010-06-27 15:15:22

我正在开发我正在使用内联的CSS的小部件，因为我使用上面的图像。但是我的图片没有显示在页面上。获取小部件图像的相对URL的问题。 – d3vdpro 2010-06-27 15:22:07

我觉得你的问题就出在企图到达图像的URL相对使用” ../images/image.jpg'and如何由Magento的渲染小部件解释..

为什么不尝试绝对路径，而不是沿着'/app/code/local/widget/images/image.jpg'的路线'

2010-06-27 16:13:34 hypertexture

如果我猜对了，你试图在你的phtml文件中使用一些你的皮肤图像。诀窍是调用正确的目录。如果我没有理解好你的问题，正确的答案是：

<div style="background-image: url(<?php echo $this->getSkinUrl('img/transparent.png'); ?>)">Div content</div>

比方说，你的皮肤目录

/skin/frontend/YOURTHEME/YOURVIEW/

那么上面的代码将在前端呈现有：

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

2010-06-28 08:53:46

回答