Question

我是php，js，java，script等的新手，但我知道HTMl和CSS。我希望将Blogger帖子的第一张图片设置为div部分的背景;在主页上实质上是一个小盒子链接。我在默认的Blog小部件中找到了以下代码/脚本：

<img expr:src='data:post.firstImageUrl'/>

默认情况下，这会在页面上生成第一个图像作为自己的元素，但我想将其设置为背景，如下所示：

<div style="background-image: expr:src='data:post.firstImageUrl';"></div>

我知道由于语法不正确，上面的内容不起作用，但是我可以使用类似的内容吗？

非常感谢任何帮助。

Answer 1

使用此表达式：注意+

周围的空格

<div expr:style='&quot;background-image: url(\&quot;&quot; + data:post.firstImageUrl + &quot;\&quot;);&quot;'></div>

Answer 2

帮助

<div class="newphoto"></div>
<script>
document.getElementsByClassName('newphoto')[0].style.backgroundImage = "url('<data:blog.postImageUrl/>')" ;
</script>

将else行添加到javascipt

document.getElementsByClassName('newphoto')[0].style.backgroundImage = "url('https://1.bp.blogspot.com/-aAjLvDndDIo/WH2DcqOeX9I/AAAAAAAAI9Y/W3_fmq0uGXseb_A1XWhaj5ZyL3DzKJD9ACLcB/s1600/bgplaydefault_djhayhay247.jpg')" ;

你如何使用Blogger Post Image作为背景图片？

2 个答案: