Привет, я проходил через сайт, где они использовали очень уникальный (по мне) фон. они смешивают цвет с изображением и используют его в качестве фона. изображение как 
html background with image & color
Затем они смешиваем немного желтого цвета в нем & он стал как этот 
Когда я прошел через код, который они использовали что-то вроде этого
background: #f6b93c url(bg1.png);
но он сделал не работай для меня! Пожалуйста, помогите мне?
Это не что иное, как короткий синтаксис руки
background: #f6b93c url(bg1.png);
Так код выше просто означает
background-color: #f6b93c;
background-image: url(bg1.png);
Для получения дополнительной информации о background короткие руки синтаксисом
Это не * совершенно * означает это. Остальные значения возвращаются к значениям по умолчанию. * При наличии допустимого объявления для каждого слоя в стенографии сначала задается соответствующий слой каждого из «фонового изображения», «background-position», «background-size», «background-repeat», «background-origin», background-clip "и" background-attachment "к исходному значению этого свойства, затем назначает любые явные значения, указанные для этого слоя в объявлении. Наконец, «background-color» установлен на указанный цвет, если таковой имеется, иначе устанавливается его начальное значение. * - http: //www.w3.org/TR/css3-background/# the-background – Quentin
@Quentin да, но это короткая рука, чтобы объявить как цвет, так и изображение вместе :) многие из них имеют неправильное впечатление для этого синтаксиса, они берут его как многократные фоны –
Это URL http://tympanus.net/Development/StackSlider/ – Ethen
в Изображение png с прозрачностью и цветом bg сделает трюк,
В противном случае, если это jpeg, , цвет заполнит остальную часть детали (например, в div), изображение не будет закрыто.
, что происходит с этим background: #f6b93c url(bg1.png); заполнить цвет #f6b93c затем на верхней части этого месте изображения, так что это было% 0% (например, для.) Прозрачное изображение, это будет в конечном итоге с помощью миксера обоих
No Sobin.http: //tympanus.net/Development/StackSlider/ – Ethen
ОК, это потому, что это было изображение png с прозрачностью, поэтому, поскольку мы устанавливаем цвет bg, он показывает микшер обоих .. –
Это я получил, но почему это не происходит в моем конце. пожалуйста, ознакомьтесь с этой скрипкой и предложите любые изменения. http://jsfiddle.net/yA8Yf/ – Ethen
с новейшей технологией CSS3, можно создать текстурированный фон. Проверьте это: http://lea.verou.me/css3patterns/#
, но он по-прежнему ограничен по многим аспектам. И поддержка браузера также не так готова.
Ваш лучший выбор - использование маленького изображения текстуры и повторение этого фона. вы могли бы получить некоторые интересные готовые к использованию изображения текстуры здесь: bg1.png изображение не кажется, в BaseUrl
. Вы должны попробовать относительный url. например. если у вас есть изображение внутри папки «images», «images/bg1.png» должно работать.
если вы попробовали это, пожалуйста, поделитесь своим кодом в jsfiddle – falguni
@Fags вы прочитали его вопрос? –
http://jsfiddle.net/yA8Yf/ – Ethen