On the filters page on StackExchange.com, a static external image is loaded to force a background colour instead of applying a CSS background-color for the HTML element .filters-sidebar .filters ul li.current. Here's the image:

arrow image used as highlight

My recommendation is to apply a CSS background-color to the element instead of loading a static background image from a server. To generate the desired shape, you can also use CSS.

In plain English, the area affected is the name of the selected filter in the "Select Filter" box near the top of the page, e.g. "Favorite Tags":

Tag filter selection box showing the "arrow" image displayed

  • 6
    The site was designed more than a decade ago, when IE8 was the most common browser people used. Jan 12 at 16:56
  • It's set with the background CSS property. I don't see a problem with it; it's a little outmoded, but not wrong (and CSS hacks, like we see on the new voting arrows, are even less elegant).
    – wizzwizz4
    Jan 13 at 20:06
  • 1
    Why is this a feature request? What problem does it solve? FRs typically should provide justification.
    – VLAZ
    Jan 13 at 20:17
  • 2
    @VLAZ Because using static images as hardcoded background colours are not compliant with many accessibility technologies. Such use also makes implementing one's own themes (such as dark themes) unnecessarily cumbersome. Jan 14 at 12:24


You must log in to answer this question.