Прозрачность части картинки CSS

Question

[Ilias Martis]

Добрый день. Знакомая попросила перенести дизайн ее сайта с Битрикса (за который устала платить) на Wordpress. Но не суть.

Начал я переносить и столкнулся с такой проблемой, две картинки, одна на другую накалывается чтобы сделать рамку. Фон у всего сайта идет легким градиентом. На оригинальном Битриксе вокруг рамки все чисто, а при переносе на Водрпресс появляется рамка.

Картинка рамки взял с битрикса без изменений.



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

Код: jsfiddle.net/4h899

Подскажите, в каком направлении ковырять?!

Answer 1

[gopromax]

А почему не сделать как в оригинале? там просто разные маски на разных уровнях же. Наделайте новых под новый сайт и все - мин 10 работы в ФШ.

Comments

[Ilias Martis]

Простите мою тупость и невнимательность, реально не заметил этого. Спасибо. Пошел шаматить в ФШ. :)

Answer 2

[Юрий Лобанов]

Хотелось бы ссылку на сайт, откуда Вы картинку брали. Вы про какую рамку? Круглую внутри где двойка или про квадрат серого цвета вокруг эллипса? Лучше всего обведите ее фломастером на скриншоте.
И замечание не по теме - у Вас в примере в тег a засунуты дивы, так не делается.
Ну а так: битрикс-шмитрикс, не важно. картинка есть картинка, если берете ее из одной папки, в другой она так же будет выглядеть.

Comments

[Ilias Martis]

Да, я имел в виду квадрат серого цвета, вокруг элипса.
Сайт, откуда все берется: intering.w.pw/katalog/energetika