0
我正在尝试使用CSS Arrow Please生成一个箭头指向右侧的边框。然而,它不工作,只有边界显示,我不完全确定为什么。有任何想法吗?附:我使用Chrome 28.0.1500.95为什么CSSArrowPlease无法正常工作?
编辑:链接到JSFiddle
CSS
.green {
position: relative;
background: #none;
border: 4px solid green;
}
.green:after, .green:before {
left: 100%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.green:after {
border-color: rgba(0, 0, 0, 0);
border-left-color: #none;
border-width: 30px;
top: 50%;
margin-top: -30px;
}
.green:before {
border-color: rgba(0, 0, 0, 0);
border-left-color: green;
border-width: 36px;
top: 50%;
margin-top: -36px;
}
我给一个班 “绿色”
<%= image_tag(step.o_connection.cord_type.image.url(:thumb), :class => "green") %>
你可以用你的代码小提琴吗? – Sergio
没有颜色'#none'。我想你不想要''''''''。 –
小提琴在这里:http://jsfiddle.net/GFFQc/3/ –