67

The "Vote down requires 125 reputation" message appears behind a code snippet on this faded answer, and thus I'm unable to close it.

Vote Down Bug

7
  • 4
    May be to prevent down voting from getting out of control. Commented Mar 31, 2015 at 0:45
  • 58
    @Carcigenicate It always requires 125 rep. I believe this post is about the bad z-ordering.
    – nobody
    Commented Mar 31, 2015 at 1:31
  • 10
    Maybe a side-effect of the fix for this problem? meta.stackoverflow.com/questions/288840/…
    – nobody
    Commented Mar 31, 2015 at 1:49
  • 3
    If you write decent answers to two or three questions, this will stop being your problem :-P
    – dfeuer
    Commented Mar 31, 2015 at 4:18
  • 16
    @dfeuer: I suggest you read the question again. The rep requirement isn't the problem.
    – Cerbrus
    Commented Mar 31, 2015 at 6:05
  • 3
    "...on answers with -7 votes...". I suggest changing that into "...grayed-out answers..." or "...answers with -3 or less score" as all answers which have a score of -3 or less are grayed-out and they also face this issue.
    – Spikatrix
    Commented Mar 31, 2015 at 7:45
  • 3
    @Carcigenicate It's already out of control. ;)
    – Brett
    Commented Apr 1, 2015 at 14:06

1 Answer 1

34

If the stacking issue is fixed, it's still hard to read:

Example with corrected stacking

It seems that it would be better to simply target the individual elements in some way:

.downvoted-answer .post-text,
.downvoted-answer .post-signature,
.downvoted-answer .vote-up-off,
.downvoted-answer .vote-down-off,
.downvoted-answer .vote-count-post,
.downvoted-answer .comments {
  opacity: .5;
}

This fixes the stacking issue, allowing users to close the message, and makes the message easier to read:

Example with corrected stacking and full opacity

8
  • Surely there should be a way to not have to enumerate every class inside downvoted-answer.
    – Vitruvie
    Commented Mar 31, 2015 at 6:03
  • 1
    .downvoted-answer *:not(.message) could work... But that * selector... Yikes.
    – Cerbrus
    Commented Mar 31, 2015 at 6:25
  • 10
    @Cerbrus Shouldn't that be .downvoted-answer > *:not(.message)? Otherwise you get opacity over opacity at increasing depth. Commented Mar 31, 2015 at 7:46
  • You're right @DavidMulder
    – Cerbrus
    Commented Mar 31, 2015 at 7:48
  • 5
    @Cerbrus The * selector is not that bad.
    – TylerH
    Commented Mar 31, 2015 at 18:43
  • 1
    stackoverflow.com/q/2951997/525478
    – Brad Werth
    Commented Mar 31, 2015 at 19:24
  • 18
    StackOverflow has the best user base ever, since the users can solve their programming problems ;)
    – Mark C.
    Commented Mar 31, 2015 at 20:29
  • Thats the goal of Joel, he probably uses all of you as a QA team.
    – JonH
    Commented Apr 1, 2015 at 17:15

Not the answer you're looking for? Browse other questions tagged .