有沒有辦法將微數據添加到CSS中引用的圖像？

Question

我正在嘗試爲公司徽標添加itemprop =「image」（如下所示：http://www.schema.org/Corporation），但我使用的是Gantry框架中的Gantry徽標插件。因此，圖像實際上是通過CSS中的引用加載的，而不是使用HTML標記。

不幸的是，似乎itemprop =「image」只能添加到該標記，因爲這是從中抓取URL的地方。

任何人都可以想到一個解決方法，而不試圖隱藏網站上的標誌，並將標籤放在上面？

（我特別是指以該網站是http://www.bpsresolver.com參考）

Answer 1

「有人能想出辦法解決，而不試圖隱藏在網站上 標誌，並將該標籤就可以了？ 「

這正是需要做的。 做到這一點的方法是打開這個Gantry Logo插件的源代碼，並找到該css引用的徽標的<a id='logo'></a>，並將其更改爲<img src='yourimage.jpg'/>我通常使用WindowsGrep來查找id ='徽標'或任何它可能在您的案例中。

但回答你的問題：「有沒有一種方法可以將微數據添加到CSS中引用的圖像？」 - 否:)

Answer 2

我最終做了什麼來解決它是去位於/ plugins/gantry/widgets /中的logo.php插件。該文件的底部是提到的miro的標籤。

相反移除和替換它（因爲它有一個數字，需要保持相同的附接其他的CSS屬性的）的，我簡單添加<img>標籤在<a>標籤之間，並且改變了所提到的CSS的圖片從background: url(url_to_image);到background: transparent;。

最後，我把整個東西包裝在一個<div>標籤中，我用它來標示範圍，並將itemprop放在<img>的內部。