如何在不使用WordPress中的表格的情况下获得完整的背景图像（无重复）来显示？

我把它放在WordPress的一个小部件中：

<div style="background-image: url('http://www.domain.net/img/subscribe.png'); 
background-repeat: no-repeat;"> </div>

但结果是：

当我希望结果是这样时：

---

所以它几乎没有显示我想要的背景图像的顶部。我怎样才能得到完整的图像呢？但我当然不希望它重复x或y？我应该使用div标签还是其他什么？在此方面的任何指导都将不胜感激

将

div

的宽度/高度设置为与背景图像相同的大小。我想推荐如下：

HTML

<div class="newsletter-subscribe">
  <!-- any additional content can go here, like a <form> for example -->
</div>

---

之所以将其放在样式表中而不是内联，是为了更容易地将其他样式应用于容器（即

div.newsletter-subscribe

），以及在样式表中进行更改，而不是在模板和/或部分文件中。样式表中的样式比内联样式更易于维护。

您是否为

div

指定了高度？此外，如果您所做的只是显示图像，

标记可能会更好……

背景大小：cover

可能比

background repeat

更好，但无论如何您都必须设置

div

的大小。。（你确定你不想要一个

img

标签吗？）谢谢你，小矮人！我已尝试实施您的解决方案，这是完全有意义的。谢谢你花时间解释。出于某种原因，我现在得到了一个空白区域，图像应该显示在那里。我仔细检查了拼写、图片的URL等，一切都正常。我试图刷新我网站的缓存，但没有用。但我认为你的解决方案是正确的——我会继续尝试！如果您不打算在图像顶部放置任何其他元素（例如表单或其他文本），那么作为图像进行管理就更容易了。我已经设置了一个演示，其中有两（2）种方法来实现您的目标：仍然在努力，矮人。基本上，我是在嘲笑Yoast在侧边栏的时事通讯中所做的事情：。。。。使用该背景图像。如果你想看到我正在处理的URL，它是…你能通过一个绝对路径发送到你想要使用的背景图像吗？我会给你侧边栏的HTML和CSS。是的。。。谢谢你，小矮人！记住，它必须是背景图像。

.newsletter-subscribe {
  background-image: url('http://www.domain.net/img/subscribe.png');
  background-repeat: no-repeat;
  background-position: top left;
  width: 400px; /* whatever the picture width is */
  height: 300px; /* whatever the picture height is */
}