如何創建彈出框與純CSS顯示在圖像下方純CSS彈出設計
以下是我與位置作出:絕對的正常工作,但我試圖得到的是,是否有可能只用一個div使用:after
或:before
僞類?
.pop{
background:#333;
display:inline-block;
width:250px;
height:120px;
border-radius:8px;
position:relative;
margin-top:25px
}
span{
position:absolute;
left:0;
top:-20px;
color:white;
display:inline-block;
border-radius:8px 8px 0 0;
background:#333;
padding:6px;
width:100px
}
像這樣的事情? http://jsfiddle.net/Cup5Y/10/ –
@Bondye請檢查更新的問題。我已經試過這種方法 – Sowmya