仅限HTML / CSS：未捕获的TypeError：无法读取属性＆＃39; left＆＃39;未定义的

Question

我使用CSS尝试创建类似背景的图像，但没有链接CSS中的图像。当我尝试在Chrome中加载它时，我收到一个控制台错误说

  

未捕获的TypeError：无法读取属性＆＃39; left＆＃39;未定义的。

我的html.erb代码是：

<div class="row text-center">
  <%= image_tag 'bg-hero-000.jpg', class: "main-image" %>
</div>

我的CSS是：

.main-image {
  min-height: 100%;
  min-width: 1024px;

  width: 100%;
  height: auto;

  position: fixed;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1024px) {
  .main-image {
    left: 50%;
    margin-left: -512px;
  }
}

任何人都可以看到我为什么会收到此错误或如何解决此问题？