很多次,我成功地使用了the cssarrowplease technique,它强制主元素(而不是箭头)相对定位。但是,这一次我想要添加箭头的元素已经绝对定位了。
如何解决这一困境?
编辑:以下是我的代码:
HTML
<li id="submenu">
<div id="enquiries_popup">
<div id="enquiries_popup_content">
Content
</div>
</div>
</li>
CSS
li#submenu {
position: relative;
}
#enquiries_popup {
position: absolute;
padding-top: 30px;
}
#enquiries_popup_content {
background: #000;
}
#enquiries_popup_content:after {
bottom: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(0, 0, 0, 0);
border-bottom-color: #000000;
border-width: 8px;
margin-left: -8px;
}
https://stackoverflow.com/questions/26985876
复制相似问题