Question

请看一下这支笔...... http://codepen.io/anon/pen/EjeYNM

`<div class="main-wrap">
  <div class="card-preview-cont">
    <div class="envelope">
      <div class="env-section env-front"></div>
      <div class="env-section env-back">
        <div class="section-content">
          <div class="env-front--flap">
            <div class="svg-responsive-cont">
              <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 536 184.1" enable-background="new 0 0 536 184.1" xml:space="preserve">
                <path fill="black" d="M535.9,0L0,0l254.3,178.3c0,0,6.4,5.6,13.5,5.8l0,0c7.8,0,16.1-5.2,16.1-5.2L535.9,0z" />
              </svg>
            </div>
          </div>
          <div class="card-wrap">
            <div class="card-section card-cover">card outer</div>
            <div class="card-section card-cover--inner">card inner</div>
            <div class="card-section card-base">card base</div>
          </div>
          <div class="env-front-cover-wrap">
            <div class="env-front-cover"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>`

点击信封时，它会翻转，卡片会熄灭.. 点击卡片应该打开它。在Chrome上它工作得很完美，即使在IE上它也大部分工作正常（除了卡闪烁）。但是在Firefox上我无法让卡以正确的方式打开（：X）

有人可以弄清楚Firefox上的问题是什么？如果你还可以找到一种方法来修复当卡片向上滑动时IE闪烁，那就太棒了！

提前感谢。

Firefox上的意外渲染（css转换）

0 个答案: