：在絕對定位div後

是否有可能對絕對定位的元素有after元素？：在絕對定位div後

這是我的股利，它是絕對定位：

<div id="myDiv" class="box">..</div> 

.box 
{ 
    width: 60px; 
    height: 240px; 
    position:absolute; 
    background:#333; 
    top:0; 
    left:0; 
}

我想一個暗角效果添加到上述格，所以我有這樣的：

.vignette:after{ 
    -webkit-box-shadow: inset 0px 0px 85px rgba(0,0,0,0.4); 
    -moz-box-shadow: inset 0px 0px 85px rgba(0,0,0,0.4); 
    box-shadow:   inset 0px 0px 85px rgba(0,0,0,0.4); 

    position: absolute; 
    top: 0; left: 0; bottom: 0; right: 0; 
    content: ""; 
}

但是這隻有當我添加：

.vignette 
{ 
    position:relative; 
}

問題是vignette類被添加到myDiv，所以它覆蓋了絕對定位（我需要myDiv）。

任何方式我可以添加相同的小插曲效果，即使myDiv保持絕對位置？

來源

2014-02-18 Prabhu

我做了這個小提琴，它工作得很好：http://jsfiddle.net/pavloschris/v7CXw/是否有其他元素到'myDiv'？ – xpy

謝謝。你似乎是對的。必須有其他事情正在進行。讓我關閉我的問題。 – Prabhu

如果在.vignette:after風格定義中將top: 0; left: 0; bottom: 0; right: 0;更改爲top: 0; left: 0; width: 100%; height: 100%;，則可以使用absolute定位div。

來源

2014-02-18 23:00:36

嗯，這似乎並沒有這樣做。它縮小了整個頁面。 – Prabhu

你的'.vignette'是否有'position：absolute'？ –

：在絕對定位div後

回答

相關問題