Question

我想在Tumblr博客上锁定一个与我的侧边栏和正文内容相关的位置的叠加图像。但是，我尝试的所有内容都会导致图像锁定到窗口的一侧，因此，当浏览器窗口调整大小并且帖子和窗口之间的距离发生变化时，图像的位置与侧边栏相关我也想改变它。

我不太了解这门语言，所以请尽量以初学者的基本术语解释。

full screen (where I want the image to stay)

＆＃13;

#sidebar {
    box-shadow:rgba(0,0,0,0.1)5px 5px;
    text-align:left;
    position:fixed;
    {block:ifnotrightsidebar}
    margin-left:-225px;
    {block:ifnotrightsidebar}
    {block:ifrightsidebar}
    margin-left:485px;
    {block:ifrightsidebar}
    border:1px solid #d1d1d1;
    background:#fff;
    bottom:20px;
    width:150px;
    padding:5px;
    {block:ifroundededges}
    border-radius:5px;
    {block:ifroundededges}}
    
    
#outsideimg {
    position:fixed;
    float:right;
    right:-40px;
    top:100px;


}



 
#outsideimg img {
    width:400px;
}

＆＃13;

Answer 1

将图像放在侧边栏div中，然后绝对定位。然后它将与侧边栏保持一致（当您放置侧边栏时，它将相对于侧边栏而不是窗口）。

如何将重叠图像锁定到元素

1 个答案: