transform导致固定定位失效实例页面

展示

代码

• HTML：

  <h4>默认，图片不会被滚走</h4>
  <p>
      <img src="/images/common/l/1.jpg">
  </p>
  
  <h4>容器设置transform:scale(1)</h4>
  <p class="transform">
      <img src="/images/common/l/1.jpg">
  </p>

• CSS：

  p {
      height: 192px;
  }
  p > img {
      width: 256px; height: 192px;
      position: fixed;
  }
  
  .transform {
      transform: scale(1);
  }