如何向绝对定位的元素添加CSS箭头
如何向绝对定位的元素添加CSS箭头
提问于 2014-11-18 10:59:35
很多次，我成功地使用了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;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26985876
复制相关文章
相似问题