【问题标题】:CSS box-shadow not displaying correctlyCSS box-shadow 没有正确显示
【发布时间】:2011-11-03 23:34:49
【问题描述】:

围绕我的“登录”链接投射的框在底部显示了一个 1-2 像素的迷你阴影,而我希望它只显示在右侧。我玩弄了我的数字,但没有运气。

http://www.aarongoff.com/i

还有一个小问题,但是我怎样才能让我的注册链接在左边有 3px 的边距,但我的登录链接却保持在原来的位置? (请注意,当您选择“登录”并将鼠标悬停在“注册”上时,“注册”的背景颜色如何触及“登录”div。 我试过 :last-child,但没有成功。

【问题讨论】:

  • 您是否尝试将text-shadow: 1px 1px 1px black; 更改为5px 0px 1px black(例如)?

标签: css


【解决方案1】:

您可以使用the clip property 仅显示不包括底部阴影的元素部分。在 Firebug 中尝试过,它会类似于 clip: rect(0, 999px, 28, 0)。不幸的是,clip 仅适用于绝对定位的元素,因此您还必须指定 position: absolute 并找出另一种保持链接到位的方法。

【讨论】:

    猜你喜欢
    • 2021-10-13
    • 2012-06-01
    • 1970-01-01
    • 1970-01-01
    • 2011-05-08
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多