CSS按钮阴影？

Posted 2023-03-05

【中文标题】CSS按钮阴影？

【英文标题】：CSS Button shadow?

【发布时间】：2016-08-17 01:25:52

【问题描述】：

我正在尝试将网站从 TYPO3 重建为 Wordpress。 TYPO3 网站是http://www.xsed.nl/ 我的 WordPress 重建是 http://icestartup.com/testsites/site2/

如果您在 TYPO 3 网站上看到主菜单，您会注意到按钮后面有一个黑色阴影。但我无法在我的 WordPress 网站中实现这一点。

你们知道我该如何实现吗？

【问题讨论】：

这张图片可能会让我的疑惑更加清楚 - i66.tinypic.com/96cc37.png

只需使用旧网站上的相同图像即可。仅使用 CSS 才能在非矩形元素上获得这种效果。您需要为按钮使用svg。

这就是我使用的。我看不到旧菜单图片中的阴影。

欢迎来到 Stack Overflow！寻求代码帮助的问题必须包含在问题本身中重现它所需的最短代码。虽然您提供了link to a site or an example，但如果链接失效，您的问题对于未来遇到相同问题的其他 SO 用户将毫无价值。

它可能看起来并不明显，但如果你看不到它并不意味着它不存在。使用相同的背景，你会看到它。

【参考方案1】：

根据您的代码，在您之前的站点中，您可以看到您正在使用的阴影

它有阴影，但您正在使用新站点

没有阴影，所以尝试切换图像，你就完成了......希望它会有所帮助或让我知道。谢谢