Question

我需要将这个div悬停在另外两个div上，而且这个div还应该动态地继续它的位置，也许可以使用$(document).width();

所以，举例如下：

<div id="store">
     <div id="storeText">Store</div>
</div>
<div id="score">
     <div id="money">Money earned: 0</div>
     <div id="times">Bulbs charged: 0</div>
</div>

CSS

#score {
background-color: #aaaaaa;
width: 96%;
margin: 0;
padding: 10px 2% 10px 2%; }

#store {
float:right;
background-color: #c0c0c0;
width: 10%;
height: 200px;
margin: 0;
padding: 19px 2% 19px 2%; }

#storeText {
text-align: center; }

这就是我应该做的，但你需要考虑我在底部还有一个div，这就是：

JSFiddle

所以我的问题是，如何在该位置（右）动态定位div'#store'，注意它应该悬停所有div而不是让它们像现在一样消失。

如果你没有得到结果的结果，这个link将帮助你仔细理解。

Answer 1

请检查此代码：JSFiddle

我对此表示理解，如果您需要更多帮助，请告诉我。

#store {
    background-color: #aaaaaa;
    width: 96%;
    margin: 0;
    padding: 10px 2% 10px 2%;
}
#score {
    float:right;
    background-color: #c0c0c0;
    width: 100%;
    height: 300px;
    margin: 0;
   }
#storeText {
    text-align: center;
}
#div3 {
    float:right;
    background-color: red;
    width: 100%;
    margin: 0;
    height: 300px;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 1;
    opacity: 0.4;
    
    padding: 10px 2% 10px 2%;
}

<div id="store">
    <div id="storeText">Store</div>
</div>
<div id="score">
    <div id="money">Money earned: 0</div>
    <div id="times">Bulbs charged: 0</div>
</div>
<div id="div3"></div>

如何：将一个div悬停在另外两个div上，并使用JS / JQuery使其动态化？

1 个答案: