Наложение слоя

[DivMan]

Иконка New накладывается на товар, как товар наложить на иконку?

 

http://jsfiddle.net/ZLEV2/

[Veseloff]

z-index?

[DivMan]

z-index?

для класса .catalog-iteam .image

 прописываю 

position:relative;z-index:20;

и иконка вообще скрывается

Я придумал решение, для селектора flag-new прописал 

border-bottom-left-radius:40px;

[npofopr]

Чуть больше картинка будет и всё ваше решение сломается. Да и любое решение. 

Не делают так, как вы хотите. Это и не логично.

Вы же трусы одеваете на тело, а не в ж... засовываете. 

Или хотя бы используйте png для картинок товаров. Что тоже бред.

[Veseloff]

и иконка вообще скрывается

Ну ясен пень. А как надо-то? Если иконка сверху, то её видно, если нет, то не видно — всё логично. Или задача какя-то другая на самом деле.

[ows.nightwolf]

Вариант 1: для фона используйте png с прозрачностью

Вариант 2 (рекомендуемый): создайте иконку средствами css. Она представляет собой inline-block c надписью new внутри. в CSS свойствах блока устанавливается абсолютное позиционирование, по правому краю, цвет фона красный, цвет текста белый, блок поворачивается на 45 градусов. Пример (только шрифт нормальный подключите чтоб с макетом совпадал):

http://jsfiddle.net/ZLEV2/3/

Edited July 19, 2014 by ows.nightwolf