如何在放大/縮小時使shadowbox保持在同一個位置？

我試圖讓陰影盒留在同一個地方，即使我放大或縮小網頁。我嘗試在漸變中製作尺寸而不是像素，但我不確切知道應該使用哪些屬性組合。如何在放大/縮小時使shadowbox保持在同一個位置？

這是我想達到的效果：http://filldevoid.com/test/（它顯示在相同的谷歌瀏覽器的不同，但在：從這裏http://www.harpersbazaar.com/

#shadowbox { 
margin: 5px 450px 5px; 
box-shadow: 0px 0px 5px rgba(150, 150, 150, 0.75); 
position: relative; 
z-index: 0; 
width: auto; 
border-top: 1px solid rgb(223, 223, 223); 
initialHeight: 100%;

這是它實現了網頁的外部眼影盒效應不同的電腦））

（我希望陰影框在關於內容的相同位置（我的意思是，在設計中位於同一位置，即使我放大）我希望內容很好地在裏面這個盒子就像harpersbazar的例子。）

來源

2013-07-19 cabral_007

補充一點：

#shadowbox{ 


    width: 970px; 
    left: 50%; 
    margin-left: -485px; 


}

來源

2013-07-19 07:50:37 jQuerybeast

這是行不通的。我希望陰影框在關於內容的相同位置（我的意思是，在設計中處於同一位置，即使我放大），我希望內容能夠很好地放在框內，就像harpersbazar示例一樣。 –

檢查我的更新。由於您正在使用我的方法，所以剩下的餘量必須是-485，而不是-435 – jQuerybeast

@HoreaMihuţ，您能否考慮將此作爲答案？ – jQuerybeast

試試這個

#shadowbox{ 
    width:1060px; 
    margin:0 auto; 
    box-shadow:0 0 5px rgba(150, 150, 150, 0.75); 
    border-top:1px solid #DFDFDF; 
    z-index:1; 
    position:relative; 
     }

enter image description here

來源

2013-07-19 08:00:28 falguni

我有這是我的header.php文件，它只顯示在標題周圍..我該怎麼辦？ –

我試圖增加高度= 100％，但它不工作，只有當我把200px或300px或類似的。爲什麼？ –

如果我將位置設置爲絕對值，它可以100％的高度工作，但是如果我把它放在一頁上，它就會下降一頁。我如何才能使它達到內容或帖子的結尾？謝謝！ –

如何在放大/縮小時使shadowbox保持在同一個位置？

回答

相關問題