即使相对在行动,位置绝对移动

时间:2012-11-07 17:49:14

标签: html css relative absolute

我的脑袋真的在爆炸。我的徽标应该从页面顶部反弹..所以要做到这一点需要在“position:absolute”上设置样式,我有一个外部div设置为“position:relative”以阻止它从shifitng周围不同的屏幕分辨率但是当jquery加载它(在不同的屏幕分辨率下)时,它会把它放在它想要的地方吗?

这就是我现在在屏幕上的显示效果http://i.imm.io/KMNv.jpeg但是,在手动调整网页浏览器大小后我应该刷新屏幕,徽标会在整个地方移动。

涵盖此效果的主要css如下:

#underlay { 
    background-image: url(imgs/logo_underlay.png); 
    width: 390px; 
    height: 104px; 
    margin-top: 56px; 
    padding: 21px 0 0 14px; 
    position: relative;
}

#holder {
    width: 5px;
    height: 10px;
    position: absolute;
    left: -175px;
    top: 31px;
}
#dropDiv {
    background: transparent;
    background-image: url(imgs/logo.png);
    width: 350px;
    height: 86px;
    position: absolute;
    top: -20px;
}

http://colourednoise.co.uk/

快速修复的想法?希望我现在还没有发布这个网站的部分哈哈。

谢谢

0 个答案:

没有答案