css - 弧形菜单标签

标签 css image background

我正在尝试使用 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/

相关文章:

android - 在后台获取过于频繁的位置更新

image - 使用 DjVu 工具进行背景/前景分离?

javascript - 需要在点击输入元素之前显示daterangepicker(日历),当Html页面加载时

javascript - 从左下到右上绘制复选标记CSS动画

CSS 标题不适合屏幕大小

python - 如何让 pyplot 图像显示在控制台应用程序上?

android - 具有不同边距/填充的移动和桌面中的相同 CSS

javascript - 在 IE 中使用 JS 调整图像大小时出错

html - 如果指定的 URL 没有 .PNG 扩展名,如何使 Internet Explorer 显示 .PNG 图像?

jquery - 页面上有多个弹性 slider 的奇怪闪烁背景