再显色图片广告匹配的网站主题

Question

会是怎样的去了解这样做的最好方法是什么？我想在网站上基本上是应用图像广告的Photoshop的去年秋季的颜色叠加。最好是通过CSS，JavaScript的，但会工作过。我最初的想法是将一个div我有相同的宽度和高度为广告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

如果这是我们正在谈论谷歌AdSense的，我敢肯定你不能做到这一点，阅读的谷歌AdSense政策页面。

这是说，唯一合理的解决办法是使用混合，而是给出了可怕的结果，而你直接打破了Obscured by elements on a page策略规则。