html - 如何创建独立改变颜色的相邻非矩形元素的效果?

标签 html css

如何做这个截图中显示的箭头:

http://i.stack.imgur.com/odpCG.png

(忘记渐变。)

我可以制作包含箭头的单个图像,但我还需要左右元素改变颜色。

最佳答案

使用伪元素是可能的。 Chris Coyier 在这里解释:http://css-tricks.com/triangle-breadcrumbs/

如果您担心支持旧版本的 IE,那么您可以使用 IE8.js(或 IE9.js):http://code.google.com/p/ie7-js/

关于html - 如何创建独立改变颜色的相邻非矩形元素的效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5723134/

相关文章:

javascript - 如何限制表图标更新为仅在 jquery 中单击的图标?

CSS 网格和文本溢出 : ellipsis

html - 文档中的换行符无处不在

html - 联系表格将导航推到这个地方

html - 对象标记上方和下方不需要的空间

Javascript if 语句不适用于电子商务

html - css 影响我站点中的所有表格,如何避免这种情况?

php - 可以向 WordPress 管理面板添加 css 修改吗?

html - 为什么最小化窗口会导致 HTML 元素从父容器本身消失?

python - 覆盖 Django 中的特定管理 css 文件