问不带图像的结帐菜单
EN

Stack Overflow用户

提问于 2011-10-16 18:09:21

回答 1查看 123关注 0票数 0

在CSS中创建如下结帐(跟踪)菜单的最佳实践是什么？

如何在没有图片的情况下创建菜单？例如，使用CSS三角形？

回答已采纳

发布于 2011-10-16 18:20:08

您可以使用CSS三角形，如CSS-Tricks中所述。然后，将CSS-gradient应用于您的背景。哦，并且需要在第一个(也可能是最后一个)元素上应用一点border-radius。

不幸的是，据我所知，你不能对三角形部分应用CSS渐变，因为它的背景实际上是边框的颜色。

而且，渐变并不是在所有浏览器上都能很好地工作，所以对于旧版本的图像，您将不得不退回到普通图像。

更新： An，当然，因为@BoltClock建议你可以使用一个雪碧图，伴随着:before或:after伪元素。

雪碧图示例：

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/7783617

复制

相似问题

问不带图像的结帐菜单EN