CSS在图像上分层SVG图形

Question

使用z-index不会在leftStrip上覆盖带有类徽标的对象

.leftStrip {
  z-index: 199;
  display: block;
  position: absolute;
  top: 50px;
  left: 0px;
}
.logo  {
  z-index: 299;
  width: 100%;
  max-height: 160px;
  position: absolute;
  top: 100px;
  left: 20px;
}

尽管尝试将类应用于div或对象本身。

   <div>
      <object type="image/svg+xml" data="/images/Logo.svg" class="logo">      </object>
    </div>
    <div class="leftStrip">
      <img alt=" " src="/images/leftStrip.png">
    </div>

或者我错过了一些关于SVG对象的特性？