HTML+CSS+JS实现点击超链接弹出文本框效果

2024年11月22日 13:29
有4个网友回答
网友(1):

出现这个问题,首先需要搞明白弹出框是只有一个,还是每个申请加入旁边都有一个。
如果是第二种情况,那就来说说绝对定位是如何进行定位的。
我们的说法是绝对定位,但其实是相对的,它需要一个相对基准点,来进行定位。如果绝对定位的父标签设置了属性position: relative;,那这个父标签就是它的基准点,相对于这个父标签的偏移量来绝对定位。如果所有的父标签都没有设置那个属性,那就不好办了,它会跑到最上面去,以body进行定位。明白了这个就好办了,给弹出框的父标签加上属性position: relative,再调整一下偏移量(就是left或right,top或bottom的值)就可以了。
为什么先说第二种情况呢?因为第一种情况比较麻烦,而且也要知道绝对定位是如何进行定位的才行。需要用JS判断点击的申请加入是哪一个,根据点击的这个按钮的位置来计算偏移量,再进行定位。
写了这么多字累了,才发现没有悬赏分。

网友(2):

用$(this). 获取更靠谱一点。你可以试试,同时,绝对定位的元素若父元素也是定位的则不会出现这种情况。

网友(3):

 

自己算算吧

网友(4):

既然是设置的绝对定位,你给弹出的框的y加一个按钮的宽度就好了嘛。