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

вопрос создан в Thu, May 2, 2019 12:00 AM

Я пытаюсь изменить цвет изображения с помощью CSS. Изображение является элементом макета моего сайта. Вот скриншот, показывающий элемент: https://screenshots.firefox.com/xLCsVyZtSKLxFi9F/gameshunt.pl /a> и вот пример сообщения с таблицей - https: //gameshunt. пл /Перелет Предложения-на-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
  1. background-image не может быть цветом. это должно быть фоном
    2019-05-02 15: 14: 10Z
  2. попробуйте это background: #fff url(/wp-content/plugins/table-sorter/images/bg.gif);
    2019-05-02 15: 14: 57Z
  3. Вы не можете. Фоновое изображение - это не элемент, это свойство.
    2019-05-02 15: 28: 22Z
  4. @ Hammadtariq, к сожалению, он не работает должным образом. Проверьте скриншот: screenshots.firefox.com/n9dbsLUSvvbOtl1I/gameshunt.pl >
    2019-05-02 15: 45: 16Z
  5. @ kacper3355 background: #fff url(/wp-content/plugins/table-sorter/images/bg.gif) no-repeat;
    2019-05-06 11: 03: 12Z
  6. 1 ответ                              1                         

    Вы можете попробовать сделать стрелки, используя 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>
        
    - 1
    2019-05-02 15: 18: 24Z
источник размещен Вот