在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

回答