Нужна ваша помощь.

[TheBroadcast]

Добрый день форумчане.

Так как, я в сайтостроении совсем зеленый мне нужна ваша помощь.

Возникла проблема с заливкой заднего фона div-блока, через CSS стиль (-moz-,-o-,-ms-,-webkit-)linear-gradient.

Когда я пытаюсь залить мой DIV, он то заливаеться, но и заливает мою картинку, вот пример кода:

HTML

<div class="header">

</div>

CSS

div.header

{background:url("../img/img.png") no-repeat center;

background:-moz-linear-gradient(top left, #000000 30%,#ffffff 70%);

height:400px;

width:100%;

border-bottom:2px ridge #ffffff;}

Надеюсь на ваши мудрые ответы. Спссссс.

[npofopr]

Ну в принципе логично. Картинка же в этом блоке. Еще и в стилях.

Уберите картинку из стилей или поместите в другой блок.

[strange_atom]

TheBroadcast, Вы переопределяете background, когда пишете его второй раз. если нужно одному элементу сразу два фона, то они прописываются через запятую, причем выше будет тот, который написан первым.

В Вашем случае нужно написать

div.header {
    background: url("../img/img.png") no-repeat center, -moz-linear-gradient(top left, #000000 30%,#ffffff 70%);
    height: 400px;
    width: 100%;
    border-bottom: 2px ridge #ffffff;
}?

Edited November 6, 2012 by strange_atom

[TheBroadcast]

Спасибо ребят выручили, все работает.