将CSS3伪：在形状之前与列表图像对齐
|
我正在尝试将CSS形状与列表图标对齐。
现在看起来像这样：
但是它应该看起来像：
我尝试使用position：absolute;亲戚和保证金，仍然一无所有。现场测试：
http://jsfiddle.net/fzSrL/
CSS：
.services-info ul {}
.services-info ul li {
background: #fff;
margin: 40px 0;
padding: 10px;
height: 115px;
width: 263px;
}
.services-info ul li:before {
content: \"\";
width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 100px solid red;
border-bottom: 50px solid transparent;
}
.services-info ul li:nth-of-type(1) {
list-style-image: url(../images/fb-icon.png);
}
.services-info ul li:nth-of-type(2) {
list-style-image: url(../images/twitter-icon.png);
}
.services-info ul li:nth-of-type(3) {
list-style-image: url(../images/yt-icon.png);
}
没有找到相关结果
已邀请:
1 个回复
丧泉缝锋
上使用，然后在\“ arrows \”（）上使用。 然后，您可以结合使用/和负来精确定位箭头。 请参阅：http：//jsfiddle.net/fzSrL/2/ 此处介绍了此技术：http：//css-tricks.com/absolute-positioning-inside-relative-positioning/