推特个人资料图片<div>作为背景<img>而不是

Question

我使用的是我自定义的twitter旋转提要脚本，但如果需要，可以在这里找到原始脚本：http://www.webdevdoor.com/jquery/animated-twitter-feed-fade-rotation/

对于用户配置文件图片，我有以下代码，效果很好：

feedHTML += '<div class="twitter-pic" style="display: inline-block;"><a href="https://twitter.com/'+tweetusername+'" target="_blank"><img src="'+profileimage+'"images/twitter-feed-icon.png" width="22" height="22" alt="twitter icon" style="vertical-align: middle;" /></a>&nbsp;<img src="assets/images/twitter_feed_icon.png" alt="bigscoots twitter" style="vertical-align:middle;" />&nbsp;</div>';

现在我想做的是将图像显示为的背景图像，而不是。我尝试了一些变体，但出于某种原因，它们似乎都不起作用，有什么想法吗？

feedHTML += '<a href="https://twitter.com/'+tweetusername+'" target="_blank"><div style="vertical-align: middle; display: inline-block; width: 22px; height: 22px; background-image:url('+profileimage+'images/twitter-feed-icon.png);"></div></a><div style="display: inline-block;"><img src="assets/images/twitter_feed_icon.png" alt="bigscoots twitter" style="vertical-align:middle;" />&nbsp;</div>';

提前非常感谢！

Answer 1

背景图像中的URL：URL需要封装在报价中

background-image:url("image.png");

或者专门针对您的代码：

background-image:url("'+profileimage+'images/twitter-feed-icon.png");