Как бы вы такое сверстали (точное наложение на фоновую картинку)?

Question

[Костя Фокин]

Привет всем!

Попал мне в руки макет заглушки, вроде все банально, но никак не могу придумать изящного решения. Нарисовал кривоватую схему (расстояния между точками равны и по x, и по y):


Можно выделить тут три основных слоя:

1. Белая подложка – просто цветной фон
   
2. Слой с точками
   
3. Логотип
   

Вопрос: как бы вы наложили логотип на слой с точками, чтобы штрихи логотипа всегда были точно на точках?

Comments

[Rob1n Bobin]

Позиционированием при статичной высоте и ширине?

Answer 1

[trushka]

делаем фоновый рисунок, совпадающий по размерам с логотипом, чтоб всё совпадало. Если логотип по центру, пишем что-то типа

body {background url(bg.png) center repeat}
#logo {position: absolute; left:0; top:0; right:0; bottom:0; margin:auto}

- должны, по идее, совпасть)) Ну, логотип через img вставить, или размеры задать