22

我有一个有两个边框的元素。我通过添加一个伪元素实现了这一点：

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

该元素被另一个具有属性的 div 包裹overflow: hidden。

正如您在此处看到的：http: //jsfiddle.net/HKEn4/1/ .inner-element 是隐藏的，但不是伪元素（在 OSX 上使用 safari、firefox 和 chrome 进行了测试）。

如何隐藏伪元素？

4

2 回答 2

30

我position: relative;在.wrapper课堂上添加了它，它有效！

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

于 2013-10-15T08:38:12.653 回答
4

position:absolute从:before伪元素中删除，或添加position:relative到容器中..

于 2013-10-15T08:40:44.567 回答