我能够创建一个简洁的流程图，如下所示：http: //jsfiddle.net/R8Gx3/3/
但是，主要浏览器（Chrome、Firefox、IE）的呈现并不一致。
关于如何以更可靠的方式实现相同效果的任何想法？
显然我可以使用图像，但我更喜欢 CSS，因为在 CSS 中编辑颜色更容易（而不是创建新图像）。
我不能只使用三角形字符，因为元素后面有纹理背景，所以我需要透明度。
问问题
906 次
2 回答
2
我认为放置 UTF-8 三角形会更好，一端两个，另一端一个，而不是依赖于边界黑客。
http://www.fileformat.info/info/unicode/char/25bc/browsertest.htm
于 2012-05-23T20:30:36.173 回答
0
对于现代浏览器，您可以使用 CSS 转换（对于 9 及以上版本的 IE）
所以你制作一个带有上/右边框的盒子并将其旋转 45 度。
这样，您可以简化 html，只需使用和应用箭头:after（:before每个都是提示之一）
于 2012-05-23T21:04:02.720 回答