Изображения CSS исчезают при обновлении

Question

Я применяю изображение к элементу li в CSS, изображение появляется рядом с элементами li, когда я впервые загружаюсь, но затем после обновления они исчезают и заменяются точкой пули. Я использую параметр предварительного просмотра coda 2, который использует Safari, но в Firefox (последняя версия) и Chrome (последние) изображения даже не загружаются.

Мой CSS код очень прост, и я понятия не имею, почему этот вопрос происходящую

ul { 
    list-style-image:url("images/star.png"); 
} 

li { 
    margin: 10px 0px 0px 0px; 
} 

Answer 1

Ваш CSS должен работать. Тест:

ul { 
 
    list-style-image: url(http://stater.mahdaen.name/icons/favicon-16x16.png); 
 
} 
 
li { 
 
    margin: 10px 0 0 0; 
 
}

<ul class="org"> 
 
    <li>Test</li> 
 
    <li>Test</li> 
 
    <li>Test</li> 
 
</ul>

Если ваш CSS не работает, то вы можете проверить это:

1. Не применять пользовательский дисплей к li (например inline-block).
2. изображение есть.
3. Стиль списка по-прежнему не переопределяется другими css.