Паттерн изображения с разными частями цветов

[helio]

У меня есть узор, который используется в кач-ве бекграунда.

Так вот есть секции, которые имеют другой цвет. Можно ли как-то сделать так, чтобы узор шел цельным и были разные цвета, ромбиков, так и дивов. Я пытался поставить поверх див с белым цветом, но он полностью закрывает узор. Если делать див с прозрачностью, то это уже не абсолютно белый цвет(0xffffff) получается. Вот скриншот с макета в фотошопе.

 

А вот кусок css

body {    background: url('../img/bg.png') #000;}

Edited June 15, 2014 by helio

[afdw]

Надо изменить прозрачность самой картинки, а в Chromium OS без Flash Player это сделать у меня не получилось.

http://jsfiddle.net/xwRF2/1/

[helio]

Надо изменить прозрачность самой картинки, а в Chromium OS без Flash Player это сделать у меня не получилось.

http://jsfiddle.net/xwRF2/1/

Спасибо за помощь. Правда с цветами вы перепутали наоборот. Только этот вариант не работает в ie, firefox. Там фильтры до сих пор не поддерживается. Есть ли какой-то хак для этих браузеров.

[afdw]

К сожалению, опять проблемы, теперь уже на другом компьютере. Не могу найти, как включить режим совместимости в IE 11.

http://jsfiddle.net/xwRF2/5/

[helio]

Если бы в firefox работало, то можно была забить на ie. А эта либа не поможет?

[afdw]

http://jsfiddle.net/xwRF2/8/