有没有办法设置自定义父元素,我的目标元素将在其上附加 Tether?
默认情况下,所有系绳元素都附加到body
. 我将下拉元素附加到模态框内的输入,由于 z-index 问题,我需要将此下拉列表附加到模态框上,而不是body
. Tether 有什么选择吗?
有没有办法设置自定义父元素,我的目标元素将在其上附加 Tether?
默认情况下,所有系绳元素都附加到body
. 我将下拉元素附加到模态框内的输入,由于 z-index 问题,我需要将此下拉列表附加到模态框上,而不是body
. Tether 有什么选择吗?
有几件事要尝试...
首先,确保您使用的是 Tether 附带的 CSS。只需将 CSS 添加到我的项目中,就可以修复由放置在结束 body 标记正上方的元素造成的溢出问题。
此外,当 Tether 工作时,它会为元素添加类,您可以将其用于样式化。从他们的文档中:
将系绳元素添加到元素
系绳目标被添加到目标
当未禁用系绳时,将启用系绳添加到两个元素
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]会同时添加到元素和目标中。