小编Web*_*lka的帖子

我的 SwiperJS 有问题。如何使绝对定位元素重叠其溢出：隐藏父级.swiper-container？

我的示例位于https://codepen.io/webspilka/pen/XWNLOjj

.swiper-container {
  // overflow: visible; - works, but I get horizontal scroll
  // overflow: visible;
  background: #004156;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  width: 340px;
  border: 1px solid #ffcc00;
  height: 300px;
  // background: rgba(#ffcc00, 0.2);
  background: #fffcbb;
  &::after {
    display: block;
    content: "overflow:hidden problem !!!";
    position: absolute;
    z-index: 100;
    width: 100%;
    top: 285px;
    height: 300px;
    background: #ff9ca1;
    color: #b40a1b;
    // transform: translate(75%, -75%);
  }
}

我正在尝试使用子DataList创建一个DataList,用于模板中循环内的循环:

public function getAllCategoriesAndEntrys(){
    $categories = FitoCategory::get();

    foreach ($categories as $category) {
        $category->entries = $this->Items($category->ID);
    }

    return $categories;
}

我的模板看起来像这样:

<% loop getAllCategoriesAndEntrys() %>
    $ID $Title <br>
    <% loop entries %>
        ------ $Title <br>
    <% end_loop %>
<% end_loop %>

在我的例子中,我确信:

FitoCategory::get()- 返回对象类型中的所有'FitoCategory' DataList;

$this->Items($category->ID)- DataList按ID 返回FitoCategory的所有子条目;

我需要一个绑定代码:

$category->entries = $this->Items($category->ID);