Javascript 将元素设置为特殊坐标,即使是相对位置?

Javascript 将元素设置为特殊坐标,即使是相对位置?,javascript,html,css,Javascript,Html,Css,这是我的的一部分: <div style="position: relative"> <div id="sc" class="swiper-container" style="margin: 30px; overflow: hidden;"> <div class="swiper-wrapper"> <div id="swiper_prev_0" class="swiper-slide" onclick="

这是我的
的一部分:

<div style="position: relative">
      <div id="sc" class="swiper-container" style="margin: 30px; overflow: hidden;">
        <div class="swiper-wrapper">
          <div id="swiper_prev_0" class="swiper-slide" onclick="openSub(0, this)">Slide 1</div>
          <div id="swiper_prev_1" class="swiper-slide" onclick="openSub(1, this)">Slide 2</div>
        </div>
        <div class="swiper-pagination"></div>
      </div>

      <div id="sub_loading_help" class="sub_loading_help"></div>
</div>  
系统:
正如你所看到的,我用的是一把刷子。当有人点击刷子时,我使用此
JS
代码将刷子上的
sub\u loading\u help
容器设置在特殊位置:

var s = document.getElementById('sub_loading_help');
s.style.position = "absolute";
s.style.left = '15px';
s.style.top = '15px';  
问题:
正如我所知,我需要将
sub\u loading\u help
style.position
设置为
absolute
,这样我可以将元素设置为特殊位置。但是容器(
sub\u loading\u help
)应该会溢出刷子。只有当我将其设置为相对时,他才会出现在顶部。那么,如何将元素设置为特殊坐标并使开关溢出?
编辑:
在下面的代码笔中,它可以工作。容器
sub\u loading\u help
溢出了刷子。但是您必须更改的是
加载帮助的
位置
绝对位置
。你会发现它已经不起作用了。但是我需要
位置:绝对在容器上。


~filip

我明白了。它起作用了!问题间接地在于位置:绝对。我没有为容器设置宽度,使用属性absolute,它将宽度设置为0。所以我们看不到它。

您查看过
z-index
吗?@MarcHjorth已设置为9999如果您为本例创建一个plunkr,它可能有助于理解problem@mulla.azzi我创造了一个密码笔。希望对你有帮助。
var s = document.getElementById('sub_loading_help');
s.style.position = "absolute";
s.style.left = '15px';
s.style.top = '15px';