Почему отображаются картинки в Safari?

Question

[Алексей Чернов]

Ставлю сайт на Wordpress, создал блок для постов с фоном таким образом,

<div style="background-image: url(<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>);" class="Works">

но картинки не отображаются в Safari. Что делать с этой хренью?

Answer 1

[Andrew]

Что у вас в class'e Works прописано?

Сафари не очень дружит с записями вроде:

background: url("images/bg.jpg") no-repeat fixed center top / 100% auto #F4F4F2;

Нормально понимает, только если "разжевать":

background-image: url("images/bg-copy3.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-attachment: fixed;
    background-width: 100% auto;
    background-color: #F4F4F2;

Comments

[Алексей Чернов]

.Works{
width: 100%;
height: 300px;
overflow: hidden;
cursor: pointer;
background-color: #333;
background-size: cover;
}

[Алексей Чернов]

может ему background-size не нравится?

[Andrew]

Limme: Как вариант, 200px 200px ;

[Алексей Чернов]

Починил, там закрывающей скобки не хватило

Answer 2

[Дмитрий Кравченко]

background-image: url( потерял закрывающую скобку