Изменение цвета изображений рекламы в соответствии с тематикой сайта

Question

Каков был бы наилучший способ сделать это?Я хочу, по сути, применить цветное наложение изображений рекламы в стиле photoshop на веб-сайте.Предпочтительно через CSS, но javascript тоже будет работать.Моей первой идеей было разместить div нужного мне цвета с той же шириной и высотой, что и у ad div, и применить к нему настройку непрозрачности, чтобы они сливались друг с другом.Мысли?

Answer 1

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

Использование наложения с фоновым цветом и непрозрачностью может дать не самый приятный результат, но это шаг к тому, чего вы пытаетесь достичь.Единственная проблема заключается в том, что наложение сделает ссылку недоступной для перехода, поэтому это должно быть сделано так, чтобы изображение для объявления находилось внизу, а наложение на самом деле было ссылкой.Например, это может сработать:

<div class="ad-container">
    <img src="ad_image.jpg" />
    <a href="www.ad.com">Real ad link</a>
</div>

И в CSS:

.ad-container {
    position: relative;
}

.ad-container a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f00;
    opacity: 0.5;
    filter: alpha(opacity=50); /* for IE */
    text-indent: -9999px; /* Hide text */
}

Answer 2

Если мы говорим о Google AdSense, я почти уверен, что вам не разрешено этого делать, прочитайте Политика Google AdSense Страница.

Тем не менее, единственным разумным решением было бы использование смешивания, но это дает ужасные результаты, и вы напрямую нарушаете Obscured by elements on a page правило политики.