css наложение слоёв

X0
На сайте с 10.08.2011
Offline
7
1132

Нужно сделать вот такую шапку

http://prntscr.com/382s5

Т.е в теории нужно три слоя фона:

1) Цвет rgb

2) Подсветка фона снизу картинкой

3) Размноженный квадрат в несколько пикселей с шумом

Можно как-то реализовать такое наложение?

K
На сайте с 29.06.2005
Offline
76
#1

Посмотрите в сторону псевдоэлементов :after и :before. Сможете все свои 3 слоя в одном элементе реализовать.

P.S.: ну и про эмуляцию для IE 6-7 этих псевдоэлементов поищите, если таковая нужна.

T
На сайте с 13.04.2008
Offline
67
t3s
#2
Xe0n:
нужно три слоя фона:

был когда-то такой журнал - "Техника Молодежи", а в нем была обалденная рубрика которая так и называлась "зачем просто если можно сложно"

в ней описывались всякие изобретения вроде восьмиколесного велосипеда с гироскопом на основе ртути - т.е. вещи которые вроде бы работают, но keep it simple ☝

ваши три слоя фона идеально бы подошли к той рубрике... а в те времена, когда наши корабли бороздят просторы вселенной подобные вещи решаются достаточно просто с помощью трех букв и одной цифры :)

имеется ввиду CSS 3 - с помощью нехитрых манипуляций можно добиться корректного отображения даже в 7 и 8 ослах

webamator (http://webamator.ru) приглашает потестить сервис бесплатной оптимизации CSS и JavaScript (http://service.webamator.ru/) Занимаюсь проектами любой сложности. Качественно. Дорого. Примеры некоторых работ (http://blog.webamator.ru/category/portfolio)
X0
На сайте с 10.08.2011
Offline
7
#3
t3s:

имеется ввиду CSS 3 - с помощью нехитрых манипуляций можно добиться корректного отображения даже в 7 и 8 ослах

Ваши познания истории это конечно прекрасно. Но css 3 понятие довольно обширное. Не подскажите в какую сторону искать, что бы всё было simple?

T
На сайте с 13.04.2008
Offline
67
t3s
#4

gradient

box-shadow

border-radius

X0
На сайте с 10.08.2011
Offline
7
#5

ок. Предположим это решает проблемму подсветки.

А шум всё равно же нужно накладывать сверху? Или я опять в Америку через Арктику поехал?

K
На сайте с 29.06.2005
Offline
76
#6

Прочитайте моё сообщение выше и сможете Америку на Арктику наложить без проблем.

X0
На сайте с 10.08.2011
Offline
7
#7

Нет, ваш вариант мне понятен. Так и собирался сделать. Просто у товарища ts3 похоже какое-то альтернативное виденье. Интересно что он хотел донести же. = )

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий