Question

我有一个名为position:relative的{{1}}元素。它之所以是相对的，是因为我需要它有一个#container，以便它与我页面上的阴影重叠。

我还有一个名为z-index的工具提示，我想在#outside之外定位，但javascript工具提示位置会在#container内添加DOM。

是否有人知道我仍然可以获得#container但是overflow-y:scroll字面上不属于我的元素？

我的工作方式并不重要，只要我的#outside可以有一个z-index就可以重叠我的阴影。

这是我的jsfiddle（阴影不在这个小提琴中）

HTML

#container

CSS

<div id="container">hi
    <br />hi
    <br />hi
    <br />hi
    <br />hi
    <br />hi
    <br />
    <div id="outside">outside</div>
</div>

Answer 1

评论中讨论的是真正的问题 - 设置var x = []; var y = new Array(); x.push("me"); y.push("you");也会隐藏x轴上的元素。解决方法是将要滚动的元素包装在自己的溢出包装div中。见jsfiddle

Answer 2

您可以使用固定定位吗？

<asp:FileUpload ID="file_image"   runat="server" />

$(document).ready(function () {

       $("#submit").click(function () {



           var cat = document.getElementById('DropDownList1').value;
           var nm = document.getElementById('name').value;
           var code = document.getElementById('code').value;
           var dt = document.getElementById('dt').value;

           var price = document.getElementById('price').value;
           alert("you clicked " + cat + " - " + nm + "-" + code + "-" + dt + "-" + price + "-");

           var fl = document.getElementById('file_image').value;
           //this line is the problem as i can't get file 
           $.ajax({

               method: "POST",
               contentType: "application/json", 
               url: "~/home.aspx/insert",
               dataType: "json",
              // data: "{'Name':'" + document.getElementById('name').value + "'}",
               data:"{}",
                //async: false,
                success: function (response) {
                   alert("User has been added successfully.");
                   window.location.reload();

               }

           });




       })


   });

如果需要，滚动时的某些js动画可以将其保留在您想要的位置。

获得相对父亲之外的绝对div

2 个答案: