CSS更改不再有效（头像周围的发光效果）

开发
1

我的主题添加这个已经有大约 6 个月了，而且一直运行良好，它在特定用户组周围添加了粗体的金色辉光

.group-Owner>article>.row>.topic-avatar>a>img {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.3), 0 0 0 1.5px #F99A07, 0 0 10px 4px rgba(244,148,14,0.75);
}
.group-Admin>article>.row>.topic-avatar>a>img {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.3), 0 0 0 1.5px #F99A07, 0 0 10px 4px rgba(244,148,14,0.75);
}
.group-Lead>article>.row>.topic-avatar>a>img {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.3), 0 0 0 1.5px #F99A07, 0 0 10px 4px rgba(244,148,14,0.75);
}

然而，在某个时候，我不知道什么时候（我的圣诞帽也消失了，有人告诉我一周前发生的，我没注意到，它们都是 CSS 添加的，所以我假设是同时发生的）。除了添加和调整现有编辑之外，我对 CSS 一无所知。如果这是由于更新更改了某些内容，我应该更改什么来重新启用它？或者如果它仍然看起来不错，是什么可能破坏了它？

2 个赞
2

我找不到您指定的 CSS 来添加发光效果的页面。但是，如果您想为主题所有者在帖子中的头像添加粗体、金色的光辉，您可以使用以下代码：

.topic-owner > article > .row > .topic-avatar > .post-avatar > a > img {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.3), 0 0 0 1.5px #F99A07, 0 0 10px 4px rgba(244,148,14,0.75);
}

如果您能提供您正在处理的页面的屏幕截图，并且该页面之前曾在此处生效，我或许能更具体地提供帮助。

– 编辑 –

您是在哪个模板上使用此代码的？

1 个赞
3

只是猜测一下，您是否尝试过使用 .post-avatar 而不是 .topic-avatar？这可能至少是问题的一部分（如果不是全部的话）。

在桌面上，该类在今年晚些时候被嵌入到后者中，并且也导致了圣诞帽 CSS 失效（请参阅此处的相关解决方案：Christmas hats! - #19 by merefield

请 始终 使用浏览器的检查器来查看 HTML（右键单击 → 检查）。这可以为您提供关于正在发生的事情的 重要线索！

4 个赞
4

哇，我完全忘了我问过这个问题，因为我继续忙别的事情去了，而且一直没重新添加。抱歉。

它并不是特指我这个用户发光，而是我所属的用户组“Owner”（所有者），以及“admin”（管理员）和“Lead”（领队）发光。这个效果不是我弄出来的，是有人曾经在这里的一个主题里发过，我复制粘贴了，它就如我所描述的那样工作了，所以我也不知道（或者为什么）。您发布的代码（我刚试过）完美地实现了您所说的功能，但我想让那些特定的用户组发光（包括在主题内和主版块上，这正是我最初发布的代码所做的）。我尝试用 group-owner/admin 来修改您的代码，结果它坏了，而不是实现我想要的效果。

不过，您的代码比单纯的装饰性效果更有用，所以我暂时会用它，但我仍然对此感兴趣。

1 个赞
5

我的 CSS 仍然相当基础，但我想这应该可以正常工作：

.group-Owner img.avatar {
    box-shadow: 0 0 0 1px rgba(255,255,255,0.3), 0 0 0 1.5px #F99A07, 0 0 10px 4px rgba(244,148,14,0.75);
}

不过，“Owner”组必须设置为用户的首选组。

(小小的编辑，以同时适用于主题和主题列表 :slight_smile:)