我正在创建一个简单的工具提示系统,您可以在其中将属性附加到元素:
class Human {...}
class Bicycle {
Human owner;
public Bicycle(Human owner) {
this.owner = owner;
}
public Human findOwner() {
return owner;
}
}
(ps我正在使用sass)
造型:
<div data-tooltip-content="testing out tooltip.">
这些工具提示用于显示卡片上的信息。当用户点击它们时,这些卡片将被展开和折叠。但是当我现在在javascript中为点击的卡片做 content: attr(data-tooltip-content)
color: white
background: black
padding: 5px
position: absolute
white-space: nowrap
border-radius: .20rem
margin-top: -2rem
z-index: 14000 !important
pointer-events: none
时。然后工具提示被重叠,因为工具提示的z-index已在javascript中被覆盖,这导致工具提示被具有更高z-index的其他事物重叠。那么有一种方法可以改变javascript中工具提示的样式
答案 0 :(得分:1)
您无法定位和操纵伪元素,因为它实际上并不存在于DOM中。
但是你可以用javascript注入一个样式块。这可能就是诀窍。