我正在尝试使用 Drupal 和 dynamic-peristent-menu 模块在选项卡式动态菜单上制作圆 Angular (因此在下面的代码中定义了 dynamic-persistant 样式) 您可以在此处查看代码和菜单 99%:http://vpscentre.co.uk/sandbox/谁能使我的解决方案 100% 正确并使 navi_top_right.png 和 navi_top_left.png 同时显示?
我生成的用于激活菜单元素的 html 在这里:
虚拟专用服务器服务器
我尝试了很多 css 组合,现在我觉得我需要向社区公开这个问题!
以下是我目前使用的相关样式表定义:
a.dynamic-persistent-menu-menu-item { background: url(images/backgrounds/business/navi_top_left.png) top left no-repeat;
.dynamic-persistent-menu-menu li.active, .dynamic-persistent-menu-menu a:hover {
背景:#093056 url(images/backgrounds/business/navi_top_left.png) top left no-repeat;
.dynamic-persistent-menu-menu-item a.active {
background: #093056 url(images/backgrounds/business/navi_top_right.png) top right no-repeat;
最佳答案
您可以在 CSS 中尝试使用 border-radius
,这样就不需要多个图形了。
在 FF、Safari 和 Chrome 中工作...只是在 IE/Opera 中默认为方 Angular 。
参见 here获取更多信息。
关于css - 弧形菜单标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1921699/