我想要id="#div3"
獨立工作,但它只是遵循id="#div1"
。我如何讓第三個div獨立於第一個div? Here is a JSFiddle demo。由於div1
,您可以看到div3
影子正在下降。爲什麼我的css和div無法正常工作?
此外,當我更改div3
頁邊距時,它也會更改div1
和div2
頁邊距。
此外,我不希望我的頁面向下滾動;我希望我的圖像(在div3中)保持在右下角的位置。
<div id="div1">
<div id="div2" align="center"><div>
</div>
<div id="div3"></div>
#div1
{
height:190px;
margin-top:-310px;
margin-left:-10px;
width:101%!important;
background-image:url("misty_2copy.jpg");
position:relative;
box-shadow:0px 0px 10px black;
z-index:6000;
}
#div1:hover
{
box-shadow:0px 0px 10px teal;
}
#div2
{
height:190px;
margin-top:-10px;
margin-left:-810px;
background-image:url("Untitled-12.png");
background-repeat:no-repeat;
position:relative;
z-index:6500;
}
#div3
{
margin-top:210px;
margin-left:60%;
height:590px;
background-image:url("Untitled-3.png");
background-repeat:no-repeat;
position:relative;
}
$(document).ready(function()
{
//$("#div2").toggle();
$("#div1").animate(
{
marginTop:000
},1500,function()
{
$("#div2").animate(
{
marginLeft:400
},500,function()
{});
});
});
這將是明智的創建使用的jsfiddle(http://jsFiddle.net)問題的一個示範。讓別人更容易看到問題,並且經常在創建小提琴時自己找到解決方案。 –
好的我已經做了,謝謝你的信息 – maddygoround
請注意,如果你有其他問題,你應該發佈一個新的問題。 – KatieK