CSS Selector: не показывать пустой DIV без фонового изображения?

Question

У меня есть такой элемент:

<div id="banner" style="background-image: url('')"></div>

Я вижу, что могу скрыть пустой div, используя этот CSS:

div:empty {
    display: none;
}

Но я хочу только скрытьdiv, когда URL фонового изображения пуст (как указано выше).Можно ли это сделать в CSS?

Answer 1

Попробуйте:

div[style*="url('')"] {
    display: none;
}

Answer 2

Вы можете достичь этого, используя css.Добавьте эти строки

div[style="background-image: url('')"] {
  display: none;
}