twitter 个人资料图片作为 <div> 而不是 <img> 的背景答案

【问题标题】：twitter profile pic as background for a <div> instead of <img>twitter 个人资料图片作为 <div> 而不是 <img> 的背景
【发布时间】：2013-12-23 05:26:34
【问题描述】：

我正在使用自定义的 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>';

非常感谢您！

【问题讨论】：

background-image:url里面的URL需要用引号封装起来。

标签： jquery css twitter

【解决方案1】：

background-image:url里面的URL需要用引号封装起来

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

或专门针对您的代码：

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

【讨论】：

非常感谢您的回复！我实际上在发布之前尝试了你的建议，但我无法让它发挥作用。我试图看看它是否有效并制作了一个新文档并使用了以下代码：
t
原因没有用显然是因为我使用了两次双引号。问题是，我如何为我的原始代码获得正确的引号，因为我多次使用单引号和双引号，这让我感到困惑。非常感谢您！
我弄明白了，和你说的很接近，谢谢！