使用CSS3转换:translate()在当前页面的链接上移动图像

时间:2013-10-26 16:45:50

标签: jquery html css css3

我对CSS很新,并且正在尝试将一些CSS3功能合并到我正在处理的项目中。我要做的是创建一个转换:translate(),它将“删除”代表当前页面的链接顶部的图像(例如箭头或标记)。

因此,在页面顶部有一个<ul>形式的导航栏,它浮动到屏幕的右侧。 即。 [主页] [个人资料] [联系方式]等

我要做的是将图像缩小并保留为与当前页面对应的特定<li>的新背景图像,指示您所在的页面。

我了解如何根据当前页面更改<li>的背景颜色,但我无法弄清楚如何使用transform:translate()将图像降低到特定<li>元素的下方功能。如果有人可以建议解决这个问题的方法,将不胜感激! jQuery可能吗?提前谢谢。

0 个答案:

没有答案