:after Не отображается, почему?

Question

[nagge101]

#blcus {
    background-attachment: fixed;
    background-image: url(../images/b-h.jpg);
    background-size: cover;
    margin: 10px 30px 0px 30px;
    padding-bottom: 20px;
    position: relative;
    z-index: 1;
}
#blcus:after {
    background-color: #272a33f2;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2;
}

Здравствуйте. Я делаю некий проект и у меня проблема с отображением :after...
У менять есть блок section, у него есть background-image картинка и сверху :after, который добавляет поверх темный цвет. Все прописано как надо, лично у меня отображается, но проблема состоит в том, что не отображается у других людей и на телефонах, этот after как бы есть, но значение цвета не применяется, что делать?

Comments

[sim3x]

Вставьте код в вопрос в тег code

[nagge101]

sim3x, приложил

[Stalker_RED]

На самом деле все работает: https://jsfiddle.net/Lfjogkjp/
Ищите проблему в другом месте.

[nagge101]

Stalker_RED, может ли быть то, что из-за префиксов? Потому что у знакомых браузеры не очень новые, тот же google, но не очень то он и новый

[Stalker_RED]

nagge101, я без понятия, что за браузеры у ваших знакомых, и какие префиксы вы используете.

Вообще крутой подход: что-то где-то не работает, но я вам не скажу в каких условиях оно не работает, и вообще свой код не покажу. Но вы все равно угадайте в чем у меня косяк и подскажите как исправить, мы же в чятике телепатов и ясновидящих, или где?

Answer 1

[remeder]

В свойстве 'background-color' значение сократить до 6 знаков после '#', а заодно добавить второе двоеточие перед 'after'

Answer 2

[Александр Алексеев]

:after дословно означает after content
если в блоке нет контента (пустой) то и after не сработает
поэтому он не работает к картинкам, инпутам и тд