html - Mixin 类似于流血但没有透明度

Question

如何使用 Susy Compass 在 SASS 的图片上标记出这样的效果？

我试过使用 bleed mixin，但边框在顶部。是否有具有类似功能和 z-index 的 mixin？菜单设置为向左浮动，内容设置为向右浮动。如果没有，我如何获得这种效果？

Answer 1

问题是 z-index(不是透明度)，你可以自己解决这个问题，不需要任何特殊的混合。只需添加您自己的 z-index 值除了 bleed mixin。 (z-index 还需要 static 以外的定位):

.item {
  @include bleed(...);
  position: relative;
  z-index: 20; // adjust as needed...
}