在自定义父级上附加Tether元素

Question

有没有办法如何设置我的目标元素将与Tether追加的自定义父元素？

默认情况下,所有tether-elements都附加到body.我将我的下拉元素附加到模态内的输入,由于z-index问题,我需要将此下拉列表附加到模态上,而不是附加在模态上body.Tether有选择吗？

Answer 1

有几件事要尝试...

首先，确保您使用的是 Tether 附带的 CSS。只需将 CSS 添加到我的项目中，就可以修复由放置在结束正文标记正上方的元素所造成的溢出问题。

此外，当 Tether 工作时，它会向元素添加类，您可以使用这些类来设置样式。来自他们的文档：

课程

系链元素被添加到元素中

tether-target添加到目标

当系链未禁用时，系链启用会添加到两个元素

tether-element-attached-[left,right,top,bottom,middle,center]根据元素附件添加到两个元素，如果元素分离（例如，如果它被固定），则该类将被删除。类反映了元素的实际附加方式，因此如果约束更改了附件，则该更改将反映在类中。

tether-target-attached-[left,right,top,bottom,middle,center]根据目标的附件添加到两个元素。所有特性与元素附加的特性相同。

约束相关类

当元素放置在其约束之外时， tether-out-of-bounds、tether-out-of-bounds-[side]会添加到元素和目标中。

当约束将元素固定到容器的[side ] 时，tether-pinned和 tether-pinned- [side] 会添加到元素和目标中。