CSS中使用的属性值无效：Bourbon SASS+；不推荐使用V6从V4重新生成图像

我目前正在他的YouTube频道上学习Brad Hussey SASS课程：

我目前正在录制10部影片

在当前版本中使用波旁威士忌，6。Bourbon不推荐v4之后的+retinaimage，在他们的网站上，它只是说使用香草CSS。很好，我想。所以我用CSS代替+retinaimage。代码如下：

.brand
  +hide-text
  background-image: url('..img/bourbon-logo_2x.png', 294px 56px)
  background: center no-repeat
  height: 56px
  margin: $gutter auto

代码来自名为_common.SASS的SASS部分，该部分编译为app.css，从SASS编译为app.css的代码为：

.brand {
  overflow: hidden;
  text-indent: 101%;
  white-space: nowrap;
  background-image: url("..img/bourbon-logo_2x.png", 294px 56px);
  background: center no-repeat;
  height: 56px;
  margin: 30px auto; }

似乎合乎逻辑

不幸的是，页面上没有显示图像。我复制了图像的整个项目路径，使用了指向托管图像的不同URL

但我还是得到了错误

我已经搜索、查看了YouTube上的评论并尝试了一些建议

还是会出错，所以我在问我做错了什么

我会上传我抓到的两张图片。希望有人能帮忙

西蒙

---

您的第二个

背景

语句将覆盖第一个

  background-image: url("..img/bourbon-logo_2x.png", 294px 56px);
  background: center no-repeat;

背景速记CSS属性一次设置所有背景样式属性，例如颜色、图像、原点和大小或重复方法

切换顺序：

 background: center no-repeat;
 background-image: url("..img/bourbon-logo_2x.png", 294px 56px);

---

非常感谢，这很有效。从现在起我会记得的！对于一个对编码比较陌生的人来说，这是非常值得赞赏的：）