css - 如何使 CSS 三 Angular 形(带边框)跨浏览器兼容

标签 css cross-browser flowchart

我能够创建一个简洁的尖头流程图,如下所示:http://jsfiddle.net/R8Gx3/3/

但是,主要浏览器(Chrome、Firefox、IE)的渲染效果并不一致。

对于如何以更可靠的方式实现相同的效果有什么想法吗?

显然我可以使用图像,但我更喜欢尽可能使用 CSS,因为在 CSS 中编辑颜色(而不是创建新图像)更容易。

我不能只使用三 Angular 形字符,因为元素后面有纹理背景,所以我需要透明度。

最佳答案

我认为,放置 UTF-8 三 Angular 形(一端两个、另一端一个)会比依赖 border-hacks 更顺利。

http://www.fileformat.info/info/unicode/char/25bc/browsertest.htm

http://en.wikipedia.org/wiki/Geometric_Shapes

关于css - 如何使 CSS 三 Angular 形(带边框)跨浏览器兼容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10727244/

相关文章:

javascript - 跨平台,跨浏览器的方式来播放Java脚本中的声音?

css - 改变 h3 元素的宽度

php - 有人可以帮助我了解这个流程图吗?

javascript - <a href ="#"> 如何结束调用 Javascript 函数?

jQuery 悬停函数

javascript - 在 Javascript 中显示带有自定义消息的确认框

documentation - 我如何在流程图中表示中断(对于微 Controller )?

javascript - 如何访问脚本标签外的Javascript变量值

php - float 框将其他所有内容向下推 - 无限滚动

java - 对于给定的代码,以下流程图是否正确?