Как изменить цвет фонового изображения с помощью CSS? - PullRequest
Новая
       14

Как изменить цвет фонового изображения с помощью CSS?

1 голос
/ 02 мая 2019

Я пытаюсь изменить цвет изображения с помощью CSS.Изображение является элементом макета моего сайта.Вот скриншот, показывающий элемент: https://screenshots.firefox.com/xLCsVyZtSKLxFi9F/gameshunt.pl, а вот пример сообщения с таблицей - https://gameshunt.pl/promocje-na-gogu-2-05/

Его код выглядит так: 

table.tablesorter thead tr th {
    background-image: url(/wp-content/plugins/table-sorter/images/bg.gif);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: right center;
}

Я пытался background-image: #fff, background image: #fff, url (wp-content/etc) но ничего не работает.У кого-нибудь есть идеи как поменять цвет этого элемента?Я не могу просто загрузить другой файл, потому что цвет должен отличаться только в темном режиме.

1 Ответ

0 голосов
/ 02 мая 2019

Вы можете попробовать сделать стрелки, используя CSS: 

div {
  background: grey;
  padding: 5px;
}

.sort:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid black;
}

.sort:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  margin-top: 3px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid black;
}

.white:before {
  border-bottom: 5px solid white;
}

.white:after {
  border-top: 5px solid white;
}
<div class="sort"></div>
<div class="sort white"></div>
...