:after,:before的绝对定位问题

时代问答问答社区

Document .reply { position: relative; width: 200px; height: 80px; border: 1px solid rgba(243, 237, 127, 0.68); border-radius: 5px; background-color: rgba(243, 237, 127, 0.35); } .reply:after { content: ''; width: 0px; height: 0px; border-color: transparent transparent rgba(243, 237, 127, 0.35) transparent; border-style: solid; border-width: 6px; position: absolute; top: -11px; border-radius: 3px; left: 18px; right: auto; } .reply:before { content: ''; width: 0px; height: 0px; border-color: transparent transparent rgba(243, 237, 127, 0.68) transparent; border-style: solid; border-width: 7px; position: absolute; top: -14px; border-radius: 3px; left: 17px; right: auto; }
实现简单的聊天气泡（如下图），我的问题是两个伪类中top和left的值应该如何设置呢？

CSS3

显示全部楼层

免责声明：本内容仅代表回答者见解不代表本站观点，请谨慎对待。

使用道具举报

上一主题下一主题