在一个框中对比两个图像（使用JavaScript和SCSS）。目标：支持IE8+，使用纯HTML实现。步骤：

  1. HTML结构：两张图应完全显示在框中，使用.box > figure*2 > img来组织图片。

  2. CSS：确保两张图完全展示。

  3. JavaScript：两张图叠加，鼠标位置决定分割的视图位置。通过-h和-v类来决定水平或垂直的分割方式。

  4. 图片叠加的class由JavaScript动态添加。

  5. 斜角处理：目前考虑两种方法，需IE9+才能支持，分割检查可使用角度，角度由SASS预处理，JavaScript读取后动态应用。

  6. SVG实现：检测浏览器支持后，动态替换原始DIV内容，根据鼠标位置调整分割效果。

  7. CSS Transform：初期实验方案，使用CSS Transform与JavaScript结合来实现分割效果。