image - 重新着色图片广告以匹配网站主题

Question

这样做的最佳方法是什么？我想基本上在网站上应用 Photoshop 式的图像广告颜色叠加。最好通过 CSS，但 javascript 也可以。我的第一个想法是放置一个具有与广告 div 相同宽度和高度的颜色的 div，并对其应用不透明度设置以使其融合在一起。想法？

Answer 1

如果我们谈论的是 Google AdSense，我很确定您不允许这样做，请阅读Google AdSense 政策页面。

也就是说，唯一合理的解决方案是使用混合，但这会产生糟糕的结果，而且你直接违反了Obscured by elements on a page政策规则。

Answer 2

首先，我不认为你的广告商会因为你改变他们广告的配色方案而高兴（想想品牌颜色等），但它应该是可行的。

使用具有背景颜色和不透明度的叠加层可能不会产生最令人满意的结果，但这是朝着您想要实现的目标迈出的一步。唯一的问题是叠加层会使链接无法点击，因此必须这样做以使广告的图像位于底部，而叠加层实际上是链接。例如，这可能有效：

<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 */
}