僞元素：之前和溢出隱藏

我有一個有兩個邊界的元素。我實現了通過添加僞元件：僞元素：之前和溢出隱藏

.inner:before { 
    width: 72px; 
    height: 28px; 
    content: ''; 
    display: block; 
    border: 3px solid rgb(255, 0, 0); 
    position: absolute; 
}

的元件被包裹與具有屬性overflow: hidden另一個DIV。

正如你在這裏看到的：http://jsfiddle.net/HKEn4/1/ .inner元素是隱藏的，但不是僞元素（在OSX上用safari，firefox和chrome測試過）。

如何隱藏僞元素？

來源

2013-10-15 Alexander Scholz

見[jQuery和僞元素（http://stackoverflow.com/questions/8968992/jquery-and-pseudo-elements） –

僞元素的絕對定位是什麼？ – CBroe

@Croro它肯定會造成溢出問題。 – mavrosxristoforos

我在.wrapper類中添加了position: relative;，它的工作原理！

見小提琴：http://jsfiddle.net/HKEn4/2/

來源

2013-10-15 08:38:12 mavrosxristoforos

無論是從:before僞元素刪除position:absolute，或添加position:relative到容器..

來源

2013-10-15 08:40:44

僞元素：之前和溢出隱藏

回答

相關問題