两个背景图像之间的空间答案

【问题标题】：Space between two background images两个背景图像之间的空间
【发布时间】：2016-01-07 10:29:44
【问题描述】：

我是第一次使用 wordpress。我正在尝试将背景图片添加到标题中。标题应该是这样的。

到目前为止，我能够达到这个水平。

我想在两张图片之间留出空间，怎么做？我的 CSS 是

.page-id-157 .widget-title{
height: 45px;
padding-left:70px;

    background-image: url('images/stripe_red_diagonal.png'),url('images/logo_outline_black.png');
    background-repeat: no-repeat;
     background-position:20px 10px;
    }

如何在两个背景图像之间留出空间？任何帮助，将不胜感激。

【问题讨论】：

标签： html css wordpress image

【解决方案1】：

您需要修改以, 分隔的第二张图片的background-position 值

150px 是距图片起点的水平偏移量，应大于第一张图片的尺寸。

.widget-title {
  height: 45px;
  padding-left: 70px;
  background-image: url('http://placehold.it/100x100'), url('http://placehold.it/100x100/333');
  background-repeat: no-repeat;
  background-position: 20px 10px, 150px 10px;
}

&lt;div class="widget-title"&gt;&lt;/div&gt;

【讨论】：