擬似要素：前とあふれを隠した

私は2つの罫線を持つ要素を持っています。擬似要素：前とあふれを隠した

.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

@CBroeこれは確かにオーバーフローの問題を引き起こすのを助けました。 – 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

擬似要素：前とあふれを隠した

答えて

関連する問題