居中fancybox的位置：aboslute不讓我改變位置

我有一個fancybox，當我點擊一個鏈接時彈出。它在中心區域的某個地方開放，但不在中間。爲的fancybox的CSS是：居中fancybox的位置：aboslute不讓我改變位置

#fancybox-wrap { 
    position:absolute; 
    /*padding: 20px;*/ 
    z-index: 1101; 
    outline: none; 
    display: none; 
    margin: 0px auto 0px auto; 
}

然而，當我有position:absolute;，頁邊距設置失效。似乎沒有任何工作。 left: 50px;等不起作用。有任何想法嗎？

當我將絕對變成相對的時候，fancybox完美地處於我想要的中間位置，但是它將fancybox幾乎從底部拉出。

來源

2012-12-27 john

排序無關，但同樣重要的是注意：請不要過度使用大綱：沒有在樣式表中，因爲它的可訪問性的原因非常重要。 http://outlinenone.com/ – 2012-12-28 02:14:30

當您定位某些東西時，您會根據上/下和左/右屬性確切地告訴瀏覽器您要繪製的位置。

要在屏幕的中心絕對位置：

#fancybox-wrap { 
    position:absolute; /* want it positioned absolutely relative to parent */ 
    width:500px;  /* fixed width of 500px */ 
    top:50px;   /* 50px down from the top of the screen */ 
    left:50%;   /* positioned in the middle of the screen */ 
    margin-left:-250px;/* use a negative margin of half the fixed width */ 
}

來源

2012-12-27 21:00:56 Sam

它似乎彈出使用網站的CSS出於某種原因。它將彈出窗口的左上角與網站左上角對齊。 – john

所以這種風格是不是在該網站的CSS？你在哪裏定義它？ – Sam

這是什麼讓我感到困惑。我發佈的CSS是假設要完成這項工作的，我的意思是當我把它影響它的位置時。但由於某些原因，這些頭寸並沒有被使用。 – john

居中fancybox的位置：aboslute不讓我改變位置

回答

相關問題